37 lines
849 B
CSS
37 lines
849 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%;}
|
||
|
|
}
|
||
|
|
|
||
|
|
/********************************************/
|
||
|
|
.h3 {
|
||
|
|
background: url("../img/sprites/h3.png") 0 0;
|
||
|
|
width: 400px;
|
||
|
|
height: calc(3680px / 8);
|
||
|
|
background-size: auto 800%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: 50% 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h3.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h3.stop {
|
||
|
|
background-position: 50% 0;
|
||
|
|
}
|