Add default animation fill mode
This commit is contained in:
parent
63bd2ea92c
commit
dbce97abfe
|
@ -13,18 +13,23 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||||
|
|
||||||
.animated {
|
.animated {
|
||||||
-webkit-animation: 1s ease;
|
-webkit-animation: 1s ease;
|
||||||
-moz-animation: 1s ease;
|
-moz-animation: 1s ease;
|
||||||
-ms-animation: 1s ease;
|
-ms-animation: 1s ease;
|
||||||
-o-animation: 1s ease;
|
-o-animation: 1s ease;
|
||||||
animation: 1s ease;
|
animation: 1s ease;
|
||||||
|
-webkit-animation-fill-mode: both;
|
||||||
|
-moz-animation-fill-mode: both;
|
||||||
|
-ms-animation-fill-mode: both;
|
||||||
|
-o-animation-fill-mode: both;
|
||||||
|
animation-fill-mode: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.animated.hinge {
|
.animated.hinge {
|
||||||
-webkit-animation: 2s ease;
|
-webkit-animation: 2s ease;
|
||||||
-moz-animation: 2s ease;
|
-moz-animation: 2s ease;
|
||||||
-ms-animation: 2s ease;
|
-ms-animation: 2s ease;
|
||||||
-o-animation: 2s ease;
|
-o-animation: 2s ease;
|
||||||
animation: 2s ease;
|
animation: 2s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes flash {
|
@-webkit-keyframes flash {
|
||||||
|
|
|
@ -110,6 +110,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.flip {
|
.flip {
|
||||||
|
-webkit-transform-style: preserve-3d;
|
||||||
|
-moz-transform-style: preserve-3d;
|
||||||
|
-ms-transform-style: preserve-3d;
|
||||||
|
-o-transform-style: preserve-3d;
|
||||||
|
transform-style: preserve-3d;
|
||||||
-webkit-backface-visibility: visible !important;
|
-webkit-backface-visibility: visible !important;
|
||||||
-webkit-animation-name: flip;
|
-webkit-animation-name: flip;
|
||||||
-moz-backface-visibility: visible !important;
|
-moz-backface-visibility: visible !important;
|
||||||
|
|
Loading…
Reference in New Issue