zoomInRight.css
TLDR
This file contains CSS code for the "zoomInRight" animation, which animates an element to zoom in and enter from the right side of the screen.
Methods (if applicable)
N/A
Classes (if applicable)
zoomInRight
This class applies the "zoomInRight" animation to an element, causing it to zoom in and enter from the right side of the screen.
@keyframes zoomInRight {
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);
}
}
.zoomInRight {
animation-name: zoomInRight;
}