Difference between revisions of "Common.css"
From Sonic Retro
| Line 40: | Line 40: | ||
} | } | ||
@keyframes animate8 { | @keyframes animate8 { | ||
| + | 0% {width: auto;} | ||
| + | 12.49% {width: auto;} | ||
| + | 12.5% {width: 0px;} | ||
| + | 100% {width: 0px;} | ||
| + | } | ||
| + | |||
| + | @-webkit-keyframes animate2 { | ||
| + | 0% {width: auto;} | ||
| + | 49.99% {width: auto;} | ||
| + | 50% {width: 0px;} | ||
| + | 100% {width: 0px;} | ||
| + | } | ||
| + | @-webkit-keyframes animate3 { | ||
| + | 0% {width: auto;} | ||
| + | 33.33% {width: auto;} | ||
| + | 33.34% {width: 0px;} | ||
| + | 100% {width: 0px;} | ||
| + | } | ||
| + | @-webkit-keyframes animate4 { | ||
| + | 0% {width: auto;} | ||
| + | 24.99% {width: auto;} | ||
| + | 25% {width: 0px;} | ||
| + | 100% {width: 0px;} | ||
| + | } | ||
| + | @-webkit-keyframes animate5 { | ||
| + | 0% {width: auto;} | ||
| + | 19.99% {width: auto;} | ||
| + | 20% {width: 0px;} | ||
| + | 100% {width: 0px;} | ||
| + | } | ||
| + | @-webkit-keyframes animate6 { | ||
| + | 0% {width: auto;} | ||
| + | 16.66% {width: auto;} | ||
| + | 16.67% {width: 0px;} | ||
| + | 100% {width: 0px;} | ||
| + | } | ||
| + | @-webkit-keyframes animate7 { | ||
| + | 0% {width: auto;} | ||
| + | 14.28% {width: auto;} | ||
| + | 14.29% {width: 0px;} | ||
| + | 100% {width: 0px;} | ||
| + | } | ||
| + | @-webkit-keyframes animate8 { | ||
0% {width: auto;} | 0% {width: auto;} | ||
12.49% {width: auto;} | 12.49% {width: auto;} | ||
Revision as of 15:37, 21 April 2018
/** CSS placed here will be applied to all skins */
.hidebtn .play-btn-large { display: none; }
@keyframes animate2 {
0% {width: auto;}
49.99% {width: auto;}
50% {width: 0px;}
100% {width: 0px;}
}
@keyframes animate3 {
0% {width: auto;}
33.33% {width: auto;}
33.34% {width: 0px;}
100% {width: 0px;}
}
@keyframes animate4 {
0% {width: auto;}
24.99% {width: auto;}
25% {width: 0px;}
100% {width: 0px;}
}
@keyframes animate5 {
0% {width: auto;}
19.99% {width: auto;}
20% {width: 0px;}
100% {width: 0px;}
}
@keyframes animate6 {
0% {width: auto;}
16.66% {width: auto;}
16.67% {width: 0px;}
100% {width: 0px;}
}
@keyframes animate7 {
0% {width: auto;}
14.28% {width: auto;}
14.29% {width: 0px;}
100% {width: 0px;}
}
@keyframes animate8 {
0% {width: auto;}
12.49% {width: auto;}
12.5% {width: 0px;}
100% {width: 0px;}
}
@-webkit-keyframes animate2 {
0% {width: auto;}
49.99% {width: auto;}
50% {width: 0px;}
100% {width: 0px;}
}
@-webkit-keyframes animate3 {
0% {width: auto;}
33.33% {width: auto;}
33.34% {width: 0px;}
100% {width: 0px;}
}
@-webkit-keyframes animate4 {
0% {width: auto;}
24.99% {width: auto;}
25% {width: 0px;}
100% {width: 0px;}
}
@-webkit-keyframes animate5 {
0% {width: auto;}
19.99% {width: auto;}
20% {width: 0px;}
100% {width: 0px;}
}
@-webkit-keyframes animate6 {
0% {width: auto;}
16.66% {width: auto;}
16.67% {width: 0px;}
100% {width: 0px;}
}
@-webkit-keyframes animate7 {
0% {width: auto;}
14.28% {width: auto;}
14.29% {width: 0px;}
100% {width: 0px;}
}
@-webkit-keyframes animate8 {
0% {width: auto;}
12.49% {width: auto;}
12.5% {width: 0px;}
100% {width: 0px;}
}