Learn CSS Transforms by Building a Penguin - Step 95

Step 95

Now, you are going to use CSS animations to make the penguin wave.

Define a new @keyframes named wave.

@keyframes {
display : wave;
}

Test

Sorry, your code does not pass. Don’t give up.

Hint

You should defined a new @keyframes rule.

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

please help me with this @keyframes rule

Now, you are going to use CSS animations to make the penguin wave.

Define a new @keyframes named wave.

I don’t see your code. Please. Update your initial post and place the code inside the code block.

see i have posted that code but it is hand written not actual html css code
but it is written that i have to make that penguin wave with this @keyframes rule by defining wave and i don’t know how to overcome this .
kindly help me with this

Can you post a link to the step you are in pls?

i have posted
the link

@keyframes rule: @keyframes name { }. You just define it in this step. Nothing moe.

what is the name defined here?

From instruction: " Define a new @keyframes named wave ".

i got it thank you very much

i also want to know about step 96

Give wave four waypoints starting at 10% , and incrementing by 10%

@keyframes wave{

}

Test

Sorry, your code does not pass. You’re getting there.

Hint

You should add a 10% waypoint for @keyframes wave.

Nest 4 waypoints (values, one is given already - 10%). So, start from ‘10% { }’ and add three more following the instruction. All between ‘keyframes’ curly brackets.