@amihhs/preset-animista

unocss-preset-animista

quickly use animista in unocss

Use

• animista-<preset animation name>

<div class="animista-blink-1"></div>

• animista-keyframes-<keyframes name> OR animista-name-<keyframes name>

• animista-duration-<timings>
  eg: animista-duration-2s animista-duration-infinite

• animista-delay-<timings>
  eg: animista-delay-2s

• animista-ease-<timing-function>
  eg: animista-delay-ease

• animista-(fill-mode-|fill-|mode-)<fill-mode>
  eg: animista-mode-forwards

• animista-(direction)?<direction>
  eg: animista-direction-reverse

other

• animista-(?:iteration-|count-|iteration-count-)(.+)
• animista-(play-state-|play-|state-)?(.+)

Progress

• attention ✅
• background ✅
• basic ✅
• entrances ✅
• exits ✅
• text ✅