Skip to content

Commit 61de434

Browse files
authored
Add files via upload
1 parent d1a8a69 commit 61de434

1 file changed

Lines changed: 38 additions & 0 deletions

File tree

source/flippers/flipBounce.css

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)