DEV Community

Adam Crockett 🌀
Adam Crockett 🌀

Posted on • Edited on

Vue ~ Exploding button - hardware accelerated animation

Following on again from my experiments with maths and circles, this one's a bit special as all the coordinates are calculated with translate allowing for cheaper paints. I have fully optimized the animation.

Accessibility is also retained and I suppose animation could be turned off if needed.

Currently unstyled and unfinished, but I was to excited and had to share a preview.

Top comments (3)

Collapse
 
seanmclem profile image
Seanmclem

Translate, or transform?

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀 • Edited

Translate3d for sure

Collapse
 
seanmclem profile image
Seanmclem

I see. It's like transform:translate();