G-Loot DS — animation cash in

by Augustin Hiebel

HTML

<!-- add the .is-active class name to .cash-in to start the animation -->
<div className="relative">
  <div className="flex items-center justify-start gap-2 text-currency-1-500">
    <span className="icon text-4xl icon-coin" />
    <span className="flex-1 text-2xl font-bold">
      15 000
    </span>
  </div>
  <div className={`flex items-center justify-start gap-2 text-currency-1-500 cash-in ${StartAnim19 ? "is-active" : "" }`}>
    <span className="icon text-4xl icon-coin" />
    <span className="flex-1 text-2xl font-bold">
      15 000
    </span>
  </div>
</div>