Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis,,

HTML-CSS
1

Hello,
could u tell me please, why I can‘t klick run?
the red one.
I‘ve done the challenge;
#top{ transform:skeY(-10deg); }

![image|400x500]

(upload://3GsQUvTM26GG5xXNnEiiQgHtq7w.jpeg)
transform: skewY(-10deg) }

  **Your code so far**


<style>
div {
  width: 70%;
  height: 100px;
  margin: 50px auto;
}
#top {
  background-color: red;
transform: skewY(-10deg)
}
#bottom {
  background-color: blue;
  transform: skewX(24deg);
}
</style>

<div id="top"></div>
<div id="bottom"></div>

  **Your browser information:**

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 15_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.1 Mobile/15E148 Safari/604.1

Challenge: Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis

Link to the challenge:

2

In CSS it is always a good idea to end the value with a semi-colon

3

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