19 lines
499 B
CSS
19 lines
499 B
CSS
|
@import url("./gruvbox.css")
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--rainbow-duration: 8s
|
||
|
|
}
|
||
|
|
|
||
|
|
.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); }
|
||
|
|
}
|