Skip to content

Commit a065578

Browse files
committed
Merge pull request animate-css#217 from jory/flipped-flip
Flipped flip
2 parents 292d489 + f9d1291 commit a065578

File tree

3 files changed

+31
-31
lines changed

3 files changed

+31
-31
lines changed

animate.css

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1606,78 +1606,78 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
16061606

16071607
@-webkit-keyframes flip {
16081608
0% {
1609-
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1610-
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1609+
-webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
1610+
transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
16111611
-webkit-animation-timing-function: ease-out;
16121612
animation-timing-function: ease-out;
16131613
}
16141614

16151615
40% {
1616-
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1617-
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1616+
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
1617+
transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
16181618
-webkit-animation-timing-function: ease-out;
16191619
animation-timing-function: ease-out;
16201620
}
16211621

16221622
50% {
1623-
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1624-
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1623+
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
1624+
transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
16251625
-webkit-animation-timing-function: ease-in;
16261626
animation-timing-function: ease-in;
16271627
}
16281628

16291629
80% {
1630-
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1631-
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1630+
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
1631+
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
16321632
-webkit-animation-timing-function: ease-in;
16331633
animation-timing-function: ease-in;
16341634
}
16351635

16361636
100% {
1637-
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1638-
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1637+
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
1638+
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
16391639
-webkit-animation-timing-function: ease-in;
16401640
animation-timing-function: ease-in;
16411641
}
16421642
}
16431643

16441644
@keyframes flip {
16451645
0% {
1646-
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1647-
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1648-
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1646+
-webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
1647+
-ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
1648+
transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
16491649
-webkit-animation-timing-function: ease-out;
16501650
animation-timing-function: ease-out;
16511651
}
16521652

16531653
40% {
1654-
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1655-
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1656-
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1654+
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
1655+
-ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
1656+
transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
16571657
-webkit-animation-timing-function: ease-out;
16581658
animation-timing-function: ease-out;
16591659
}
16601660

16611661
50% {
1662-
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1663-
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1664-
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1662+
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
1663+
-ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
1664+
transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
16651665
-webkit-animation-timing-function: ease-in;
16661666
animation-timing-function: ease-in;
16671667
}
16681668

16691669
80% {
1670-
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1671-
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1672-
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1670+
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
1671+
-ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
1672+
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
16731673
-webkit-animation-timing-function: ease-in;
16741674
animation-timing-function: ease-in;
16751675
}
16761676

16771677
100% {
1678-
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1679-
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1680-
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1678+
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
1679+
-ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
1680+
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
16811681
-webkit-animation-timing-function: ease-in;
16821682
animation-timing-function: ease-in;
16831683
}

animate.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

source/flippers/flip.css

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
11
@keyframes flip {
22
0% {
3-
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
3+
transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
44
animation-timing-function: ease-out;
55
}
66

77
40% {
8-
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
8+
transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
99
animation-timing-function: ease-out;
1010
}
1111

1212
50% {
13-
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
13+
transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
1414
animation-timing-function: ease-in;
1515
}
1616

1717
80% {
18-
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
18+
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
1919
animation-timing-function: ease-in;
2020
}
2121

2222
100% {
23-
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
23+
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
2424
animation-timing-function: ease-in;
2525
}
2626
}

0 commit comments

Comments
 (0)