16 lines
394 B
CSS
16 lines
394 B
CSS
:root {
|
|
--rainbow-duration: 8s;
|
|
}
|
|
|
|
.rainbow { animation: rainbow-animation var(--rainbow-duration) infinite alternate; }
|
|
|
|
@keyframes rainbow-animation {
|
|
0% { color: var(--blue); }
|
|
16.7% { color: var(--green); }
|
|
33.3% { color: var(--yellow); }
|
|
50.0% { color: var(--orange); }
|
|
66.7% { color: var(--red); }
|
|
83.3% { color: var(--purple); }
|
|
100% { color: var(--blue); }
|
|
}
|