Skip to content

Commit 2961588

Browse files
committed
minor fixes
1 parent 8b3730b commit 2961588

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -425,7 +425,7 @@ The Layout step is by far the most expensive: geometry calculations take time, e
425425

426426
**The general recomendation is to animate properties that don't do Layout.**
427427

428-
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 directly goes to Paint. You can find a longer list of CSS properties and which stages they trigger at <https://csstriggers.com>.
428+
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. You can find a longer list of CSS properties and which stages they trigger at <https://csstriggers.com>.
429429

430430
The `transform` property is a notable exception:
431431
- CSS transforms affect the target element box as a whole (rotate, flip, stretch, shift it).

0 commit comments

Comments
 (0)