制作CSS3***，可以讓你的網(wǎng)頁更加吸引人，增加用戶的體驗，下面是一些常見的CSS3***及其制作方法：

1、漸變背景：使用CSS3的linear-gradient函數(shù)可以制作出漸變背景，制作一個從藍色到紫色的漸變背景，可以這樣寫：

body {
  background: linear-gradient(to right, blue, purple);
}

2、旋轉(zhuǎn)動畫：使用CSS3的transform屬性可以制作出旋轉(zhuǎn)動畫，制作一個旋轉(zhuǎn)的立方體，可以這樣寫：

.cube {
  width: 100px;
  height: 100px;
  position: relative;
  transform: rotate(45deg);
  animation: rotate 2s linear infinite;
}

3、滑動動畫：使用CSS3的transform屬性可以制作出滑動動畫，制作一個水平滑動的圖片，可以這樣寫：

.image {
  position: relative;
  left: 0;
  transform: translateX(0);
  transition: transform 2s ease-in-out;
}
.image:hover {
  transform: translateX(-100px);
}

4、縮放動畫：使用CSS3的transform屬性可以制作出縮放動畫，制作一個鼠標懸停時縮小的圖片，可以這樣寫：

.image {
  position: relative;
  transform: scale(1);
  transition: transform 2s ease-in-out;
}
.image:hover {
  transform: scale(0.5);
}

5、透明度漸變：使用CSS3的opacity屬性可以制作出透明度漸變，制作一個從完全不透明到半透明的文字，可以這樣寫：

.text {
  position: relative;
  opacity: 1;
  transition: opacity 2s linear;
}
.text:hover {
  opacity: 0.5;
}