HTML CSS examples for CSS Widget:Color
Transition through a third color for a hover transition
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> @-webkit-keyframes animate-color { 0% { color: red; } 50% { color: yellow; } 100% { color: green; } } .class:hover {<!--from ww w.ja v a2s. c o m--> -webkit-animation: animate-color 0.4s forwards; } </style> </head> <body> <div class="class"> 123 </div> </body> </html>