網(wǎng)站是我們?cè)谌粘Ｉ钪惺褂妙l率非常高的工具，為了讓網(wǎng)站更加美觀和好看，我們必須學(xué)會(huì)使用CSS3。下面就給大家分享一下如何使用CSS3。

/*為了讓代碼更加清晰，這里使用了pre標(biāo)簽*/
/*1. 基礎(chǔ)用法*/
/*給一個(gè)元素設(shè)置背景顏色*/
#box {
background-color: red;
}
/*設(shè)置一個(gè)元素的寬度和高度*/
#box{
width: 200px;
height: 200px;
}
/*2. CSS3的新特性*/
/*給一個(gè)元素添加圓角*/
#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的動(dòng)畫效果*/
/*設(shè)置一個(gè)元素的旋轉(zhuǎn)動(dòng)畫*/
#box {
animation: rotate 2s linear infinite;
}
/*定義旋轉(zhuǎn)動(dòng)畫的細(xì)節(jié)*/
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

以上是CSS3的一些基礎(chǔ)用法和新特性，也講到了如何編寫CSS3的動(dòng)畫效果。當(dāng)然，這里僅僅只是css3的冰山一角，想要學(xué)好css3還需要多練習(xí)和實(shí)踐，希望大家在學(xué)習(xí)過程中不斷進(jìn)步，做出更加漂亮的網(wǎng)頁(yè)。