Learn CSS Transforms by Building a Penguin - Step 100

HTML-CSS
1

Tell us what’s happening:

I can’t seem to figure this out. I even went back to the previous lesson to see if I was missing something. can someone help?
Error:1. You should give . arm . left and animation-name of wave, but found none.

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

.arm.left {
  top: 35%;
  left: 5%;
  transform-origin: top left; 
  transform: rotate(130deg) scaleX(-1);
  animation-name: wave;
  animation:3s infinite linear;
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.3 Safari/605.1.15

Challenge Information:

Learn CSS Transforms by Building a Penguin - Step 100

2

Hi,
animation duration, iteration count and timing function are three properties. This step wants you to set each property separately.
This link on animation property may help you.
Good luck!

2 Likes
3

Perfect! Thank you! I was stumped on this step for over 45min…

1 Like