slideLeft02
HTML<div class="slideLeft02"></div>
CSS@keyframes slide-left {
0% {
transform: translateX(-50px);
}
100% {
transform: translateX(0px);
}
}
@keyframes opacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.slideLeft02 {
animation: opacity 0.5s forwards linear ,slide-left 0.8s forwards ease-in-out;
}