HTML
CSS
JavaScript
<div class='box'>Hover over me!</div>
.box { width: 200px; height: 100px; background-color: lightblue; text-align: center; line-height: 100px; font-size: 20px; margin: 50px; transition: outline-color 0.3s; } .box:hover { outline: 5px solid; outline-color: coral; }
// No JavaScript required for this demo
Hover over me!