35 lines
823 B
CSS
35 lines
823 B
CSS
|
@-webkit-keyframes play{
|
||
|
|
0%{background-position:50% 0%;}
|
||
|
|
100%{background-position:50% 100%;}
|
||
|
|
}
|
||
|
|
@-moz-keyframes play{
|
||
|
|
0%{background-position:50% 0%;}
|
||
|
|
100%{background-position:50% 100%;}
|
||
|
|
}
|
||
|
|
@-o-keyframes play{
|
||
|
|
0%{background-position:50% 0%;}
|
||
|
|
100%{background-position:50% 100%;}
|
||
|
|
}
|
||
|
|
@keyframes play{
|
||
|
|
0%{background-position:50% 0%;}
|
||
|
|
100%{background-position:50% 100%;}
|
||
|
|
}
|
||
|
|
/********************************************/
|
||
|
|
.m1 {
|
||
|
|
background: url("../img/sprites/m1.png") 0 0;
|
||
|
|
background-size: auto 800%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: 50% 0;
|
||
|
|
padding-bottom: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.m1.play {
|
||
|
|
-webkit-animation: play 1.9s steps(7) infinite;
|
||
|
|
-moz-animation: play 1.9s steps(7) infinite;
|
||
|
|
-o-animation: play 1.9s steps(7) infinite;
|
||
|
|
animation: play 1.9s steps(7) infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
.m1.stop {
|
||
|
|
background-position: 50% 0;
|
||
|
|
}
|