Update style.css
parent
cfc4cc9054
commit
1b1ab1004a
|
@ -8,6 +8,54 @@ a:link, a:visited, a:hover, a:active {
|
|||
color: #000000;
|
||||
}
|
||||
|
||||
.rainbow {
|
||||
-webkit-animation: rainbow 5s infinite;
|
||||
-ms-animation: rainbow 5s infinite;
|
||||
animation: rainbow 5s infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rainbow{
|
||||
0%{color: orange;}
|
||||
10%{color: purple;}
|
||||
20%{color: red;}
|
||||
30%{color: CadetBlue;}
|
||||
40%{color: yellow;}
|
||||
50%{color: coral;}
|
||||
60%{color: green;}
|
||||
70%{color: cyan;}
|
||||
80%{color: DeepPink;}
|
||||
90%{color: DodgerBlue;}
|
||||
100%{color: orange;}
|
||||
}
|
||||
|
||||
@-ms-keyframes rainbow{
|
||||
0%{color: orange;}
|
||||
10%{color: purple;}
|
||||
20%{color: red;}
|
||||
30%{color: CadetBlue;}
|
||||
40%{color: yellow;}
|
||||
50%{color: coral;}
|
||||
60%{color: green;}
|
||||
70%{color: cyan;}
|
||||
80%{color: DeepPink;}
|
||||
90%{color: DodgerBlue;}
|
||||
100%{color: orange;}
|
||||
}
|
||||
|
||||
@keyframes rainbow{
|
||||
0%{color: orange;}
|
||||
10%{color: purple;}
|
||||
20%{color: red;}
|
||||
30%{color: CadetBlue;}
|
||||
40%{color: yellow;}
|
||||
50%{color: coral;}
|
||||
60%{color: green;}
|
||||
70%{color: cyan;}
|
||||
80%{color: DeepPink;}
|
||||
90%{color: DodgerBlue;}
|
||||
100%{color: orange;}
|
||||
}
|
||||
|
||||
video {
|
||||
object-fit: contain;
|
||||
top: 0;
|
||||
|
|
Loading…
Reference in New Issue