Might be of use, animate snippets

Elements
1

I am building a component with animation options
might be of use or not, video to show use

variants of

animate-spin

animate-pulse

animate-ping

animate-bounce

animate-bounce [animation-duration:3s]

animate-pulse [animation-duration:5s]

animate-ping [animation-duration:5s]

animate-spin [animation-duration:5s]

animate-ping [animation-duration:5s] [animation-delay:1s] [animation-timing-function:ease-in-out]

ease-in ease-out ease

add number of iterations
animate-pulse [animation-duration:5s] [animation-delay:1s] [animation-timing-function:ease-in-out] [animation-iteration-count:3]

animate-pulse [animation-duration:5s] [animation-delay:1s] [animation-timing-function:ease-in-out] [animation-iteration-count:3] [animation-direction:alternate]

animation direction options
alternate normal reverse alternate-reverse

animate-pulse [animation-timing-function:cubic-bezier(0.68,-0.55,0.27,1.55)]

1 Like
2

ok used Elements Bot

working on animations small bit of my project

I thought I would just make simple, created components, one to allow css, added my own then asked the Bot to get scroll, not difficult but seconds