2022-04-12 23:49:31 +00:00
|
|
|
:root {
|
2022-04-13 00:06:33 +00:00
|
|
|
--rainbow-duration: 8s;
|
2022-04-12 23:49:31 +00:00
|
|
|
}
|
|
|
|
|
|
2022-04-13 00:07:24 +00:00
|
|
|
.rainbow { animation: rainbow-animation var(--rainbow-duration) infinite alternate; }
|
2022-04-12 23:49:31 +00:00
|
|
|
|
2022-04-13 00:07:24 +00:00
|
|
|
@keyframes rainbow-animation {
|
2022-04-13 16:21:15 +00:00
|
|
|
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); }
|
2022-04-12 23:49:31 +00:00
|
|
|
}
|
