CSS3是目前最新的CSS標(biāo)準(zhǔn)，它引入了許多新的特性和功能，讓網(wǎng)頁設(shè)計(jì)變得更加靈活、豐富。在這篇文章中，我們將介紹一些CSS3簡單實(shí)例。

下面是一個(gè)使用CSS3的陰影效果的例子：

.box {
box-shadow: 0 2px 10px rgba(0,0,0,.3);
}

在上面的代碼中，我們使用了box-shadow屬性，設(shè)置了盒子的陰影效果。其中，第一個(gè)值表示水平偏移量，第二個(gè)值表示垂直偏移量，第三個(gè)值表示模糊半徑，第四個(gè)值表示陰影顏色的不透明度。

接下來是一個(gè)使用CSS3的漸變背景色的例子：

.box {
background-image: linear-gradient(to top, #f2f2f2, #ffffff);
}

在上面的代碼中，我們使用了background-image和linear-gradient屬性，設(shè)置了盒子的漸變背景色。其中，to top表示從下往上漸變，#f2f2f2和#ffffff表示漸變的起始顏色和結(jié)束顏色。

最后是一個(gè)使用CSS3的旋轉(zhuǎn)動(dòng)畫的例子：

.box {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

在上面的代碼中，我們使用了animation和@keyframes屬性，設(shè)置了盒子的旋轉(zhuǎn)動(dòng)畫。其中，rotate表示旋轉(zhuǎn)動(dòng)畫的名稱，2s表示動(dòng)畫的時(shí)長，linear表示動(dòng)畫的速度曲線，infinite表示動(dòng)畫重復(fù)的次數(shù)。@keyframes屬性定義了動(dòng)畫的每個(gè)關(guān)鍵幀，0%表示動(dòng)畫開始時(shí)的狀態(tài)，100%表示動(dòng)畫結(jié)束時(shí)的狀態(tài)。在我們的例子中，通過將盒子從0度旋轉(zhuǎn)到360度，實(shí)現(xiàn)了一個(gè)無限循環(huán)的旋轉(zhuǎn)動(dòng)畫。