Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Stagger three cards */ .card:nth-child(1) { animation-delay: 0s; } .card:nth-child(2) { animation-delay: 0.15s; } .card:nth-child(3) { animation-delay: 0.3s; } /* Negative delay: starts 0.5s into the cycle */ .loader-dot { animation: blink 1s infinite; animation-delay: -0.5s; }
Result
Open