zoomInLeft.css
TLDR
This file contains CSS code for a zooming entrance animation called zoomInLeft
. It defines a keyframe animation and a class to apply the animation to an element.
Classes
zoomInLeft
This class applies the zoomInLeft
animation to an HTML element, causing it to zoom in from the left.
Methods (not applicable)
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}