---
id: 587d78a6367417b2b2512adb
title: Use the CSS Transform Property skewX to Skew an Element Along the X-Axis
challengeType: 0
videoUrl: 'https://scrimba.com/c/cyLP8Sr'
---
## Description
The next function of the transform
property is skewX()
, which skews the selected element along its X (horizontal) axis by a given degree.
The following code skews the paragraph element by -32 degrees along the X-axis.
p {
transform: skewX(-32deg);
}
## Instructions
Skew the element with the id of bottom
by 24 degrees along the X-axis by using the transform
property.
## Tests
```yml
tests:
- text: The element with id bottom
should be skewed by 24 degrees along its X-axis.
testString: 'assert(code.match(/#bottom\s*?{\s*?.*?\s*?transform:\s*?skewX\(24deg\);/g), "The element with id bottom
should be skewed by 24 degrees along its X-axis.");'
```
## Challenge Seed
## Solution
```js
var code = "#bottom {background-color: blue; transform: skewX(24deg);}"
```