---
id: 587d78a6367417b2b2512adc
title: Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis
challengeType: 0
videoUrl: 'https://scrimba.com/c/c2MZ2uB'
---
## Description
Given that the skewX()
function skews the selected element along the X-axis by a given degree, it is no surprise that the skewY()
property skews an element along the Y (vertical) axis.
## Instructions
Skew the element with the id of top
-10 degrees along the Y-axis by using the transform
property.
## Tests
```yml
tests:
- text: The element with id top
should be skewed by -10 degrees along its Y-axis.
testString: 'assert(code.match(/#top\s*?{\s*?.*?\s*?transform:\s*?skewY\(-10deg\);/g), "The element with id top
should be skewed by -10 degrees along its Y-axis.");'
```
## Challenge Seed
## Solution
```js
var code = "#top {background-color: red; transform: skewY(-10deg);}"
```