Something went wrong. Try again.
CSS animation to add a rainbow effect on hover
Something went wrong. Try again.
527 B · 34 lines · Created 10mo ago
12345678910111213141516171819202122232425262728293031323334 .rainbow:hover { letter-spacing: 0px; filter: none; animation-name: rainbow; animation-duration: 1.8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes rainbow { 0% { color: #d593ff; }
20% { color: #00c3fe; }
40% { color: #8ef77b; }
60% { color: #f9d56a; }
80% { color: #fea17f; }
100% { color: #ff76b1; } }