jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

minor fixes

Browse source
This commit is contained in:
Ilya Kantor 2021-06-24 22:00:59 +03:00
parent 753182bb3d
commit 7d838b3452
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
7-animation/2-css-animations/article.md
View file

@ -425,7 +425,7 @@ The Layout step is by far the most expensive: geometry calculations take time, e
**The general recomendation is to animate properties that don't do Layout.** **The general recomendation is to animate properties that don't do Layout.**
For most CSS properties, the rule is simple: if its change may affect geometry, move elements (even in theory), then it triggers Layout. Otherwise (e.g. a `color` change may not shift elements around), the browser doesn't need to calculate geometry and directly goes to Paint, or event Composite step. You can find a longer list of CSS properties and which stages they trigger at <https://csstriggers.com>. For most CSS properties, the rule is simple: if its change may affect geometry, move elements (even in theory), then it triggers Layout. Otherwise (e.g. a `color` change may not shift elements around), the browser doesn't need to calculate geometry and directly goes to Paint, or even Composite step. You can find a longer list of CSS properties and which stages they trigger at <https://csstriggers.com>.
The `transform` property is a notable exception: The `transform` property is a notable exception:
- CSS transforms affect the target element box as a whole (rotate, flip, stretch, shift it). - CSS transforms affect the target element box as a whole (rotate, flip, stretch, shift it).