File tree Expand file tree Collapse file tree 1 file changed +3
-3
lines changed
projects/animate-images-with-keyframes-using-css Expand file tree Collapse file tree 1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change @@ -79,7 +79,7 @@ CSS animations have "steps" in them (also known as keyframes) to signify each mo
7979For 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:
147147This 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
189189This 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```
You can’t perform that action at this time.
0 commit comments