網站是我們在日常生活中使用頻率非常高的工具，為了讓網站更加美觀和好看，我們必須學會使用CSS3。下面就給大家分享一下如何使用CSS3。

/*為了讓代碼更加清晰，這里使用了pre標簽*/
/*1. 基礎用法*/
/*給一個元素設置背景顏色*/
#box {
background-color: red;
}
/*設置一個元素的寬度和高度*/
#box{
width: 200px;
height: 200px;
}
/*2. CSS3的新特性*/
/*給一個元素添加圓角*/
#box {
border-radius: 5px;
}
/*給文字添加陰影*/
p {
text-shadow: 2px 2px 2px #000000;
}
/*多重陰影*/
p {
box-shadow: 2px 2px 2px #000000, 4px 4px 4px #000000;
}
/*線性漸變*/
#box {
background: linear-gradient(to right, red, blue);
}
/*圓形漸變*/
#box {
background: radial-gradient(circle, red, blue);
}
/*3. CSS3的動畫效果*/
/*設置一個元素的旋轉動畫*/
#box {
animation: rotate 2s linear infinite;
}
/*定義旋轉動畫的細節(jié)*/
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

以上是CSS3的一些基礎用法和新特性，也講到了如何編寫CSS3的動畫效果。當然，這里僅僅只是css3的冰山一角，想要學好css3還需要多練習和實踐，希望大家在學習過程中不斷進步，做出更加漂亮的網頁。