Try it Yourself

<!DOCTYPE html>
<html>
<head>
<style> 
#myDIV {
    text-decoration: underline;
    animation: mymove 5s infinite;
}

@keyframes mymove {
    50% {
        -moz-text-decoration-color: red; /* Firefox */
        -text-decoration-color: red;        
    }
}
</style>
</head>
<body>

<p>Gradually change the color of the underline from black, to red, and back:<p>
<div id="myDIV">
<p>This is a paragraph</p>
</div>

<p>The text-decoration-color is <em>animatable</em> in CSS.</p>
<p><b>Note:</b> The text-decoration-color property is not supported in any of the major browsers.</p>
<p><b>Note:</b> Firefox supports an alternative, the -moz-text-decoration-color property.</p>
<p><strong>Note:</strong> CSS Animations do not work in Internet Explorer 9 and earlier versions.</p>
</body>
</html>
Top Tutorials

Top References

Top Examples

Web Certificates
