Skip to content

Commit dbce97a

Browse files
committed
Add default animation fill mode
1 parent 63bd2ea commit dbce97a

File tree

2 files changed

+18
-8
lines changed

2 files changed

+18
-8
lines changed

animate.css

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,23 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
1313

1414
.animated {
1515
-webkit-animation: 1s ease;
16-
-moz-animation: 1s ease;
17-
-ms-animation: 1s ease;
18-
-o-animation: 1s ease;
19-
animation: 1s ease;
16+
-moz-animation: 1s ease;
17+
-ms-animation: 1s ease;
18+
-o-animation: 1s ease;
19+
animation: 1s ease;
20+
-webkit-animation-fill-mode: both;
21+
-moz-animation-fill-mode: both;
22+
-ms-animation-fill-mode: both;
23+
-o-animation-fill-mode: both;
24+
animation-fill-mode: both;
2025
}
2126

2227
.animated.hinge {
2328
-webkit-animation: 2s ease;
24-
-moz-animation: 2s ease;
25-
-ms-animation: 2s ease;
26-
-o-animation: 2s ease;
27-
animation: 2s ease;
29+
-moz-animation: 2s ease;
30+
-ms-animation: 2s ease;
31+
-o-animation: 2s ease;
32+
animation: 2s ease;
2833
}
2934

3035
@-webkit-keyframes flash {

source/flip.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -110,6 +110,11 @@
110110
}
111111

112112
.flip {
113+
-webkit-transform-style: preserve-3d;
114+
-moz-transform-style: preserve-3d;
115+
-ms-transform-style: preserve-3d;
116+
-o-transform-style: preserve-3d;
117+
transform-style: preserve-3d;
113118
-webkit-backface-visibility: visible !important;
114119
-webkit-animation-name: flip;
115120
-moz-backface-visibility: visible !important;

0 commit comments

Comments
 (0)