Skip to content

Commit 904effd

Browse files
authored
Update animate-images-with-keyframes-using-css.mdx
1 parent 8a5b3d6 commit 904effd

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

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

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,3 +44,20 @@ You may recall using this line to add an image to your HTML file.
4444
<img src="your-path.png" alt="red chocolate chip cookie" />
4545
```
4646

47+
You may also remember that we can use CSS to add styling to our image!
48+
49+
```css
50+
img {
51+
width: 100%;
52+
max-width: 500px;
53+
height: auto;
54+
display: block;
55+
margin: 20px auto;
56+
}
57+
```
58+
59+
Now, for something new: we can add some fun animations like _this_:
60+
61+
<RoundedImage link="https://i.imgur.com/iqNCiye.gif" description="tedxcmu" />
62+
63+
and _this_:

0 commit comments

Comments
 (0)