Hover Fade In And Out

Apparently, I missed that you wanted a pulsing effect perhaps like the old blink tag. This updated example uses CSS animation, but there are other alternatives as well.

@keyframes pulse {
    from { opacity: 1 }
    to { opacity: 0 }

.fade:hover {
    animation-name: pulse;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
<div class="fade">Fade On Hover</div>

Browse More Popular Posts

Leave a Comment