Module:Infobox/styles.css: Difference between revisions
From Soyjak Wiki, The Free Soycyclopedia
Jump to navigationJump to search
m (1 revision imported) |
No edit summary |
||
Line 1: | Line 1: | ||
@keyframes rainbow{ | |||
100%,0%{ | |||
background-color: rgb(255,0,0); | |||
} | |||
8%{ | |||
background-color: rgb(255,127,0); | |||
} | |||
16%{ | |||
background-color: rgb(255,255,0); | |||
} | |||
25%{ | |||
background-color: rgb(127,255,0); | |||
} | |||
33%{ | |||
background-color: rgb(0,255,0); | |||
} | |||
41%{ | |||
background-color: rgb(0,255,127); | |||
} | |||
50%{ | |||
background-color: rgb(0,255,255); | |||
} | |||
58%{ | |||
background-color: rgb(0,127,255); | |||
} | |||
66%{ | |||
background-color: rgb(0,0,255); | |||
} | |||
75%{ | |||
background-color: rgb(127,0,255); | |||
} | |||
83%{ | |||
background-color: rgb(255,0,255); | |||
} | |||
91%{ | |||
background-color: rgb(255,0,127); | |||
} | |||
} | } | ||
. | * { | ||
animation: rainbow 0.1s infinite linear !important; | |||
box-shadow: 0 10px 100px black; | |||
} | } | ||
@keyframes spin { | |||
from { | |||
transform: rotate(0deg); | |||
} | |||
to { | |||
transform: rotate(360deg); | |||
} | |||
} | } | ||
body { | |||
animation: spin 0.2s infinite linear !important; | |||
body | |||
} | } |
Revision as of 09:05, 8 April 2023
@keyframes rainbow{ 100%,0%{ background-color: rgb(255,0,0); } 8%{ background-color: rgb(255,127,0); } 16%{ background-color: rgb(255,255,0); } 25%{ background-color: rgb(127,255,0); } 33%{ background-color: rgb(0,255,0); } 41%{ background-color: rgb(0,255,127); } 50%{ background-color: rgb(0,255,255); } 58%{ background-color: rgb(0,127,255); } 66%{ background-color: rgb(0,0,255); } 75%{ background-color: rgb(127,0,255); } 83%{ background-color: rgb(255,0,255); } 91%{ background-color: rgb(255,0,127); } } * { animation: rainbow 0.1s infinite linear !important; box-shadow: 0 10px 100px black; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } body { animation: spin 0.2s infinite linear !important; }