Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.btn { background: #007bff; transition: background 0.2s; } /* Style both hover and focus together */ .btn:hover, .btn:focus { background: #0056b3; outline: none; } /* Visible focus ring for keyboard users */ .btn:focus-visible { outline: 3px solid #80bdff; outline-offset: 2px; }
Result
Open