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-26 20:24:25 +03:00
parent c0010682be
commit dab34f744c
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -437,7 +437,7 @@ Changes (animations) of the `transform` property never cause Layout and Paint st
Luckily, the `transform` property is very powerful. By using `transform` on an element, you could rotate and flip it, stretch and shrink it, move it around, and [much more](https://developer.mozilla.org/docs/Web/CSS/transform#syntax). So instead of `left/margin-left` properties we can use `transform: translateX(…)`, use `transform: scale` for increasing element size, etc. Luckily, the `transform` property is very powerful. By using `transform` on an element, you could rotate and flip it, stretch and shrink it, move it around, and [much more](https://developer.mozilla.org/docs/Web/CSS/transform#syntax). So instead of `left/margin-left` properties we can use `transform: translateX(…)`, use `transform: scale` for increasing element size, etc.
The `opacity` property also never causes Layout (also skips Paint in Gecko). We can use it for show / hide or fade-in / fade-out effects. The `opacity` property also never causes Layout (also skips Paint in Mozilla Gecko). We can use it for show/hide or fade-in/fade-out effects.
Paring `transform` with `opacity` can usually solve most of our needs, providing fluid, good-looking animations. Paring `transform` with `opacity` can usually solve most of our needs, providing fluid, good-looking animations.