Difference between revisions of "Common.css"
From Sonic Retro
| (2 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
.hidebtn .play-btn-large { display: none; } | .hidebtn .play-btn-large { display: none; } | ||
| − | @keyframes | + | @keyframes animate2 { |
| − | 0% { | + | 0% {width: auto;} |
| − | 49.99% { | + | 49.99% {width: auto;} |
| − | 50% { | + | 50% {width: 0px;} |
| − | 100% { | + | 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;} | ||
} | } | ||
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;}
}