DEV Community 👩‍💻👨‍💻

Adam Crockett
Adam Crockett

Posted on • Updated 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 Author • Edited on

Translate3d for sure

Collapse
 
seanmclem profile image
Seanmclem

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

Take a look at this:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. 🛠