Skip to content

Commit

Permalink
Merge pull request javascript-tutorial#3649 from qadzek/patch-1
Browse files Browse the repository at this point in the history
Add missing words
  • Loading branch information
smith558 authored Jan 24, 2024
2 parents c98ec82 + 52e184c commit 9c07c5b
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion 7-animation/2-css-animations/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -463,7 +463,7 @@ The `opacity` property also never triggers Layout (also skips Paint in Mozilla G

Paring `transform` with `opacity` can usually solve most of our needs, providing fluid, good-looking animations.

For example, here clicking on the `#boat` element adds the class with `transform: translateX(300)` and `opacity: 0`, thus making it move `300px` to the right and disappear:
For example, here clicking on the `#boat` element adds the class with `transform: translateX(300px)` and `opacity: 0`, thus making it move `300px` to the right and disappear:

```html run height=260 autorun no-beautify
<img src="https://js.cx/clipart/boat.png" id="boat">
Expand Down
2 changes: 1 addition & 1 deletion 7-animation/3-js-animation/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -452,4 +452,4 @@ Surely we could improve it, add more bells and whistles, but JavaScript animatio

JavaScript animations can use any timing function. We covered a lot of examples and transformations to make them even more versatile. Unlike CSS, we are not limited to Bezier curves here.

The same is about `draw`: we can animate anything, not just CSS properties.
The same is true about `draw`: we can animate anything, not just CSS properties.

0 comments on commit 9c07c5b

Please sign in to comment.