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: 20px; transition: outline 0.3s; } .box:hover { outline: 5px dashed red; }
// No JavaScript required for this demo
Hover over me!