Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.once { animation-iteration-count: 1; } /* default */ .twice { animation-iteration-count: 2; } .half { animation-iteration-count: 0.5; } /* plays half cycle */ .looping { animation-iteration-count: infinite; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-8px); } 75% { transform: translateX(8px); } } .error-shake { animation: shake 0.4s ease 3; /* shake 3 times */ }
Result
Open