Learn CSS Transforms by Building a Penguin - Step 100

HTML-CSS
1

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:

2

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
3

Thanks Cryptic_X for your responded I am working on it.

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

4

Always Brainstorm it is working :point_down:

animation: wave 3s infinite linear;

You have a great coding day :+1:

1 Like
6

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.

7

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