You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
925 B
34 lines
925 B
@keyframes flip { |
|
from { |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); |
|
animation-timing-function: ease-out; |
|
} |
|
|
|
40% { |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) |
|
rotate3d(0, 1, 0, -190deg); |
|
animation-timing-function: ease-out; |
|
} |
|
|
|
50% { |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) |
|
rotate3d(0, 1, 0, -170deg); |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
80% { |
|
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) |
|
rotate3d(0, 1, 0, 0deg); |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
to { |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); |
|
animation-timing-function: ease-in; |
|
} |
|
} |
|
|
|
.animated.flip { |
|
backface-visibility: visible; |
|
animation-name: flip; |
|
}
|
|
|