CSS Properties

In notebook:
FrontEndMasters SVG Animation
Created at:
2016-11-19
Updated:
2016-11-19
Tags:
libraries React JavaScript animation Performance
Shows the table from Paul Lewis and Paul Irish.

The most performant animations are ​opacity​ and ​transform​. The incur 0 Layout and Paint calculations. 

Even background-color adds paint. 

With opacity and transform you can already do almost everything you need to. ​transform​ has lots of options.

- What's interesting to you about React?

React has new animation library. She wants to check the claims. Also React is very good about handling state. 
Very interesting to her, to update path data (data visualisation) "on the fly".