Skip to content

Commit c01e04a

Browse files
authored
Update animate-images-with-keyframes-using-css.mdx
1 parent 8ec4dca commit c01e04a

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

projects/animate-images-with-keyframes-using-css/animate-images-with-keyframes-using-css.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ CSS animations have "steps" in them (also known as keyframes) to signify each mo
7979
For example,
8080

8181
```html
82-
<div class="box"></div>
82+
<div className="box"></div>
8383
```
8484
```css
8585
@keyframes colorChange {
@@ -147,7 +147,7 @@ Think of the last time you saw a spinning loader:
147147
This can be recreated with a spin animation like so:
148148

149149
```html
150-
<div class="sensei">
150+
<div className="sensei">
151151
<img src="sensei.png" alt="club penguin gray sensei penguin" />
152152
</div>
153153
```
@@ -189,7 +189,7 @@ Imagine you're playing a video game and you're choosing which character to play
189189
This is a hovering animation that we can create with keyframes!
190190

191191
```html
192-
<div class="sensei">
192+
<div className="sensei">
193193
<img src="sensei.png" alt="club penguin gray sensei penguin" />
194194
</div>
195195
```

0 commit comments

Comments
 (0)