styles.alv.cx/modules/rainbow.css

19 lines
529 B
CSS
Raw Normal View History

2022-04-13 00:06:33 +00:00
@import url("https://styles.alv.cx/modules/gruvbox.css");
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
}
.rainbow { animation: colorchange var(--rainbow-duration) infinite alternate; }
@keyframes colorchange {
0% { color: var(--gruvbox-blue); }
14.3% { color: var(--gruvbox-aqua); }
28.6% { color: var(--gruvbox-green); }
42.9% { color: var(--gruvbox-yellow); }
57.1% { color: var(--gruvbox-orange); }
71.4% { color: var(--gruvbox-red); }
85.7% { color: var(--gruvbox-purple); }
100% { color: var(--gruvbox-blue); }
}