CSS Keyframes Generator
Animate opacity and translateX with live preview.
Preview
CSS
@keyframes move {
from { opacity: 0; transform: translateX(-20px); }
to { opacity: 1; transform: translateX(0px); }
}
.move-el {
animation: move 1.2s ease both;
}