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();