mirror of
https://github.com/animate-css/animate.css.git
synced 2024-09-29 22:41:31 +02:00
fix transition-timing-functions to animation-timing-functions
This commit is contained in:
parent
c0abb26ee4
commit
534731f8f1
@ -1,16 +1,16 @@
|
|||||||
@keyframes bounce {
|
@keyframes bounce {
|
||||||
0%, 20%, 53%, 80%, 100% {
|
0%, 20%, 53%, 80%, 100% {
|
||||||
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||||
transform: translate3d(0,0,0);
|
transform: translate3d(0,0,0);
|
||||||
}
|
}
|
||||||
|
|
||||||
40%, 43% {
|
40%, 43% {
|
||||||
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||||
transform: translate3d(0, -30px, 0);
|
transform: translate3d(0, -30px, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
70% {
|
70% {
|
||||||
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||||
transform: translate3d(0, -15px, 0);
|
transform: translate3d(0, -15px, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,13 +1,13 @@
|
|||||||
@keyframes flipInX {
|
@keyframes flipInX {
|
||||||
0% {
|
0% {
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||||
transition-timing-function: ease-in;
|
animation-timing-function: ease-in;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
40% {
|
40% {
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||||
transition-timing-function: ease-in;
|
animation-timing-function: ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
60% {
|
60% {
|
||||||
|
@ -1,13 +1,13 @@
|
|||||||
@keyframes flipInY {
|
@keyframes flipInY {
|
||||||
0% {
|
0% {
|
||||||
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||||
transition-timing-function: ease-in;
|
animation-timing-function: ease-in;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
40% {
|
40% {
|
||||||
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
||||||
transition-timing-function: ease-in;
|
animation-timing-function: ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
60% {
|
60% {
|
||||||
|
Loading…
Reference in New Issue
Block a user