CSS transforms allow you to move, rotate, scale, and skew elements. They are done with the `transform` property. Below are some examples of how to use them:
1. Translate – this refers to moving an element from its current position:
```
/* move the element 50px to right and 60px down */
div {
transform: translate(50px, 60px);
}
```
1. Scale – this refers to changing the sizes of an element:
```
/* double the original size of the element */
div {
transform: scale(2);
}
```
1. Rotate – this means rotating an element clockwise or counter-clockwise:
```
/* rotate the element 30 degrees clockwise */
div {
transform: rotate(30deg);
}
```
1. Skew – this is to tilt an element:
```
/* skew the element 20 degrees along the X-axis and 30 degrees along the Y-axis */
div {
transform: skew(20deg, 30deg);
}
```
1. Multiple transforms – you can also apply multiple transforms to an element:
```
/* move the element 50px to the right and double its size */
div {
transform: translate(50px) scale(2);
}
```
To view the result, you would of course need an html document with a div and the CSS should be either in a style tag in the headers of your html file or linked in an external CSS document.
NOTE: The value of the `transform` property may be set using one transform function or a combination of them, separated by a space.
