zoomOutLeft.css
TLDR
This file defines CSS animation and styling for the Zoom Out Left effect.
Classes
zoomOutLeft
This class applies the Zoom Out Left animation effect to an element. It sets the animation-name
property to zoomOutLeft
and the transform-origin
property to left center
.
END
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
transform-origin: left center;
}