We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent d1a8a69 commit 61de434Copy full SHA for 61de434
1 file changed
source/flippers/flipBounce.css
@@ -0,0 +1,38 @@
1
+ .animate__flipBounce
2
+ {
3
+ display: flex;
4
+ align-items: center;
5
+ transform-style: preserve-3d;
6
+ perspective-origin: 30% 50%;
7
+ perspective: 1000px !important;
8
+ position: relative;
9
+ }
10
+
11
+ .animate__flipBounce::after
12
13
+ content:attr(data-content);
14
+ transform-origin: 50% 100%;
15
+ display: block;
16
+ -webkit-animation-name: flipBounce;
17
+ animation-name: flipBounce;
18
+ -webkit-animation-duration: 1s;
19
+ animation-duration: 1s;
20
+ top: 0;
21
+ left: 0;
22
23
24
+ @keyframes flipBounce
25
26
+ 30%
27
28
+ transform: rotateX(96deg);
29
30
+ 60%
31
32
+ transform: rotateX(-20deg);
33
34
+ 100%
35
36
+ transform: rotateX(0deg);
37
38
0 commit comments