unocss-preset-animista
quickly use animista in unocss
Use
animista-<preset animation name>
<div class="animista-blink-1"></div>
-
animista-keyframes-<keyframes name>
ORanimista-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
✅