animate.css/source/bouncing_entrances/bounceIn.css

43 lines
569 B
CSS
Raw Normal View History

@keyframes bounceIn {
2017-11-16 00:20:46 +01:00
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
2017-11-16 00:20:46 +01:00
transform: scale3d(0.3, 0.3, 0.3);
}
2014-07-05 19:37:35 +02:00
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
2014-07-05 19:37:35 +02:00
40% {
2017-11-16 00:20:46 +01:00
transform: scale3d(0.9, 0.9, 0.9);
}
2014-07-05 19:37:35 +02:00
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
2014-07-05 19:37:35 +02:00
}
80% {
2017-11-16 00:20:46 +01:00
transform: scale3d(0.97, 0.97, 0.97);
2014-07-05 19:37:35 +02:00
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
2018-01-25 18:03:02 +01:00
animation-duration: 0.75s;
animation-name: bounceIn;
}