G-Loot DS — animation with delay

by Augustin Hiebel

HTML

<div 
  className="animate-delay animate-slide-in-bottom" 
  style={{ "--delay": "calc(1 * 0.05s)" }}>
  ...
</div>
<div 
  className="animate-delay animate-slide-in-bottom" 
  style={{ "--delay": "calc(2 * 0.05s)" }}>
  ...
</div>
<div 
  className="animate-delay animate-slide-in-bottom" 
  style={{ "--delay": "calc(3 * 0.05s)" }}>
  ...
</div>
<div 
  className="animate-delay animate-slide-in-bottom" 
  style={{ "--delay": "calc(4 * 0.05s)" }}>
  ...
</div>