Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.forward { animation-direction: normal; } /* 0→100% */ .reverse { animation-direction: reverse; } /* 100→0% */ .ping-pong { animation-direction: alternate; } /* 0→100→0 */ .alt-rev { animation-direction: alternate-reverse; } /* 100→0→100 */ @keyframes glow { from { box-shadow: 0 0 5px #007bff; } to { box-shadow: 0 0 20px #007bff; } } .glowing { animation: glow 1.5s ease-in-out infinite alternate; }
Result
Open