react-scroll-effects
Version:
React component to animate elements on scroll with animate.css
21 lines (17 loc) • 336 B
CSS
@keyframes flipOutY {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
backface-visibility: visible ;
animation-name: flipOutY;
}