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