Skip to content

Commit 315dd4d

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

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

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

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,3 +61,15 @@ Now, for something new: we can add some fun animations like _this_:
6161
<RoundedImage link="https://i.imgur.com/iqNCiye.gif" description="tedxcmu" />
6262

6363
and _this_:
64+
65+
<RoundedImage link="https://i.imgur.com/oYGbPkH.gif" description="html review" />
66+
67+
using CSS `@keyframes` !! (We'll explain more soon...) And the best part- we don't have to use JavaScript for it!
68+
69+
## What are animations in CSS
70+
71+
Before we get started, it's important to note what animations are in CSS. Animations are made up of a series of frames, or in this case, HTML elements that change over time.
72+
73+
<RoundedImage link="https://i.imgur.com/oYGbPkH.gif" description="html review" />
74+
75+
### keyframes

0 commit comments

Comments
 (0)