Learn CSS Transforms by Building a Penguin - Step 100

I am working on step - 100 of building a Penguin

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

** my problem with : animation-name: 3s wave infinite linear;**

Challenge: Learn CSS Transforms by Building a Penguin - Step 100

Link to the challenge:

If you use animation-name property in css only the name of the animation goes in it. Instead you can use the animation shorthand property to set all the animation properties at once. Also, I don’t see the name of the animation in your code?

1 Like

Thanks Cryptic_X for your responded I am working on it.

just matter time, but I try to Brian storm :slight_smile:

Always Brainstorm it is working :point_down:

animation: wave 3s infinite linear; 

You have a great coding day :+1:

1 Like

We have blurred this solution (with [spoiler][/spoiler] tags) so that users who have not completed this challenge can read the discussion in this thread without giving away the solution.

Ok, sound good and thinks for {spoiler tags} as well

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.