rgb-progress-bar/style.css
2022-03-27 19:49:40 -04:00

80 lines
1.2 KiB
CSS

.ytp-play-progress,
.ytp-swatch-background-color,
.vjs-play-progress
,.vjs-slider-bar
{
animation: RGB 25s ease-in-out infinite;
}
@keyframes RGB {
from {
background-color: #FF0000;
color: #FF0000;
}
7% {
background-color: #FF7700;
color: #FF7700;
}
14% {
background-color: #FFDD00;
color: #FFDD00;
}
21% {
background-color: #00FF00;
color: #00FF00;
}
28% {
background-color: #0000FF;
color: #0000FF;
}
35% {
background-color: #8A2BE2;
color: #8A2BE2;
}
42% {
background-color: #C77DF3;
color: #C77DF3;
}
49% {
background-color: #C77DF3;
color: #C77DF3;
}
56% {
background-color: #8A2BE2;
color: #8A2BE2;
}
63% {
background-color: #0000FF;
color: #0000FF;
}
70% {
background-color: #00FF00;
color: #00FF00;
}
77% {
background-color: #FFDD00;
color:#FFDD00;
}
84% {
backgroud-color: #FF7700;
color: #FF7700;
}
91% {
background-color: #FF0000;
color: #FF0000;
}
}