Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
@keyframes slide { from { transform: translateX(-100%); } to { transform: translateX(0); } } .fast { animation-name: slide; animation-duration: 0.2s; } .normal{ animation-name: slide; animation-duration: 0.5s; } .slow { animation-name: slide; animation-duration: 1.5s; }
Result
Open