Small questions about transitions (Material Design)

I’m trying to do a material design based website.
In the guidline it says: “Complex web transitions often result in dropped frames (unless they are built for GPU acceleration).” Source
Now my question.
Are the webflow transitions/interactions GPU accelerated? (all? whichones?)

Kind regards

Hi @Robert1,

Animating properties is never free. GPU don’t matter none. Some animations are more costly than others, though. Keep the transitions that trigger paint or layout to a minimum.

Also whatever you do, make sure your site will perform at a steady 60fps. Everything else will result in stutters. Save your frames!

So basically, if you want to make sure you do nothing wrong, only ever use transform and opacity.

If you want to dive deeper into this topic and find out what costs what, you can find an overview here.


P.S.: If you want do build a material design website, why don’t you #usetheplatform, namely Polymer :blush:?

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.