CSS Animation Generator
CSS Animation Generator & Preview
Keyframes Code
@keyframes slideIn { from { transform: translateX(-200px); opacity:0; } to { transform: translateX(0); opacity:1; } }
CSS Code
.element{ width:120px; height:120px; background:white; border-radius:10px; display:flex; align-items:center; justify-content:center; font-weight:bold; animation: slideIn 1s ease forwards; }
Preview Animation
Copy CSS
Live Preview