0

Hover keyframes text color change

How to build an animation where :hover has an animation-name and duration with keyframes of text color changing? 0% (color: white) 50% (color: lightskyblue) 100% (color: darkblue)

15th Feb 2018, 6:31 PM
Bakhrom Akbarov
Bakhrom Akbarov - avatar
1 Answer
+ 3
CSS: #text:hover{ animation:colorChange 3s ease-in; } @keyframes colorChange{ 0%{color:#FF9933;} 33%{color:#000080;} 66%{color:#138808;} 100%{color:#FF9933;} } HTML: <p id="text">TEXT</p>
14th Mar 2018, 9:18 AM
Akshat Vira
Akshat Vira - avatar