Learn CSS Transforms by Building a Penguin - Step 97

Curriculum Help
,
1

Tell us what’s happening:
Welp, it’s been a while. Life gets busy sometimes, but happy to say I’m back at it. Anyways, I was able to solve this challenge, but I was wondering if someone might be able to help me understand the purpose of scaling with negative integers? I guess I’m not clear on what that results in…
Your code so far

@keyframes wave {
  10% {
    transform: rotate(110deg) scaleX(x);

  }
  20% {

  }
  30% {

  }
  40% {

  }
}

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/111.0

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

Link to the challenge:

2

Take a look at .arm.left selector above this code line, for the scaleX( number) .

3

In CSS animations, scaling with a negative value can be used to flip an element horizontally or vertically