mirror of
https://github.com/objectivehtml/FlipClock.git
synced 2024-09-21 02:17:28 +00:00
Adjust asd animation to fix second half of flip animation on iOS devices.
This commit is contained in:
parent
17d9f3f1dd
commit
d9ab089acf
@ -173,9 +173,9 @@
|
||||
.flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
.flip-clock-wrapper ul.play li.flip-clock-active {
|
||||
-webkit-animation: asd 0.5s 0.5s linear both;
|
||||
-moz-animation: asd 0.5s 0.5s linear both;
|
||||
animation: asd 0.5s 0.5s linear both;
|
||||
-webkit-animation: asd 0.01s 0.49s linear both;
|
||||
-moz-animation: asd 0.01s 0.49s linear both;
|
||||
animation: asd 0.01s 0.49s linear both;
|
||||
z-index: 5; }
|
||||
|
||||
.flip-clock-divider {
|
||||
@ -221,9 +221,6 @@
|
||||
0% {
|
||||
z-index: 2; }
|
||||
|
||||
20% {
|
||||
z-index: 4; }
|
||||
|
||||
100% {
|
||||
z-index: 4; } }
|
||||
|
||||
@ -231,9 +228,6 @@
|
||||
0% {
|
||||
z-index: 2; }
|
||||
|
||||
20% {
|
||||
z-index: 4; }
|
||||
|
||||
100% {
|
||||
z-index: 4; } }
|
||||
|
||||
@ -241,9 +235,6 @@
|
||||
0% {
|
||||
z-index: 2; }
|
||||
|
||||
20% {
|
||||
z-index: 4; }
|
||||
|
||||
100% {
|
||||
z-index: 4; } }
|
||||
|
||||
@ -251,9 +242,6 @@
|
||||
0% {
|
||||
z-index: 2; }
|
||||
|
||||
20% {
|
||||
z-index: 4; }
|
||||
|
||||
100% {
|
||||
z-index: 4; } }
|
||||
|
||||
|
@ -173,9 +173,9 @@
|
||||
.flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
.flip-clock-wrapper ul.play li.flip-clock-active {
|
||||
-webkit-animation: asd 0.5s 0.5s linear both;
|
||||
-moz-animation: asd 0.5s 0.5s linear both;
|
||||
animation: asd 0.5s 0.5s linear both;
|
||||
-webkit-animation: asd 0.01s 0.49s linear both;
|
||||
-moz-animation: asd 0.01s 0.49s linear both;
|
||||
animation: asd 0.01s 0.49s linear both;
|
||||
z-index: 5; }
|
||||
|
||||
.flip-clock-divider {
|
||||
@ -221,9 +221,6 @@
|
||||
0% {
|
||||
z-index: 2; }
|
||||
|
||||
20% {
|
||||
z-index: 4; }
|
||||
|
||||
100% {
|
||||
z-index: 4; } }
|
||||
|
||||
@ -231,9 +228,6 @@
|
||||
0% {
|
||||
z-index: 2; }
|
||||
|
||||
20% {
|
||||
z-index: 4; }
|
||||
|
||||
100% {
|
||||
z-index: 4; } }
|
||||
|
||||
@ -241,9 +235,6 @@
|
||||
0% {
|
||||
z-index: 2; }
|
||||
|
||||
20% {
|
||||
z-index: 4; }
|
||||
|
||||
100% {
|
||||
z-index: 4; } }
|
||||
|
||||
@ -251,9 +242,6 @@
|
||||
0% {
|
||||
z-index: 2; }
|
||||
|
||||
20% {
|
||||
z-index: 4; }
|
||||
|
||||
100% {
|
||||
z-index: 4; } }
|
||||
|
||||
|
@ -167,7 +167,7 @@
|
||||
}
|
||||
|
||||
.flip-clock-wrapper ul.play li.flip-clock-active {
|
||||
@include animation(asd .5s .5s linear both);
|
||||
@include animation(asd .01s .49s linear both);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@ -214,9 +214,6 @@
|
||||
0% {
|
||||
z-index:2;
|
||||
}
|
||||
20% {
|
||||
z-index:4;
|
||||
}
|
||||
100% {
|
||||
z-index:4;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user