Learn CSS Transforms by Building a Penguin - Step 100

[linuxplus]

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:

freeCodeCamp.org

[Cryptic_X]

@linuxplus

animation-name: 3s infinite linear;

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?

[linuxplus]

Thanks Cryptic_X for your responded I am working on it.

just matter time, but I try to Brian storm

[linuxplus]

Always Brainstorm it is working

animation: wave 3s infinite linear; 

You have a great coding day

[Cryptic_X]

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.

[linuxplus]

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