请介绍一下CSS3中新出现的transform属性，并给出几个常用的用法例子。要求：回答以markdown格式编排，包含两个部分：一是对transform属性的简要介绍，二是给出不少于4个具体用法的例子，每个例子均以代码形式给出。
user
```markdown
### CSS3中transform属性的简要介绍

`transform` 属性允许在二维或三维空间中对元素进行移动、旋转、缩放以及倾斜等操作。它为Web设计带来了更多的灵活性和创造性，使得视觉效果上可以实现更多的动态变换。此属性主要应用于支持CSS3的现代浏览器中。通过使用`transform`，开发者无需复杂的JavaScript代码即可实现效果生动流畅的动画和平滑的过渡效果。

### `transform`属性具体用法示例

#### 1. 平移 (Translate)

平移动画可以通过 `translate(x, y)` 方法完成，它将元素从当前的位置沿`x`轴和`y`轴方向移动指定的距离。

```css
#example1 {
  transform: translate(50px, 100px);
  /* 将元素向右移动50像素，向下移动100像素 */
}
```

#### 2. 旋转 (Rotate)

旋转元素可以使用 `rotate(angle)`，此方法旋转元素的角度以度（deg）、弧度（rad）或梯度（grad）来度量。

```css
#example2 {
  transform: rotate(30deg);
  /* 将元素顺时针旋转30度 */
}
```

#### 3. 缩放 (Scale)

`scale(x, y)` 方法可改变元素宽高。不指定`y`值时，它是`x`值的副本。

```css
#example3 {
  transform: scale(1.5, 0.7);
  /* 将元素宽度放大1.5倍，高度缩小至原来70% */
}
```

#### 4. 倾斜 (Skew)

`skew(x-angle, y-angle)` 用于使元素沿`X`轴和`Y`轴方向产生倾斜效果。在只有一个参数的情况下，此参数定义了`X`轴的倾斜角度，`Y`轴则保持不变。

```css
#example4 {
  transform: skew(45deg, 15deg);
  /* 将元素沿X轴方向倾斜45度，沿Y轴方向倾斜15度 */
}
```
```
assistant