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