CSS3是層疊樣式表的升級版本，它擁有更多的樣式屬性和選擇器，可以讓我們實(shí)現(xiàn)更復(fù)雜的網(wǎng)頁設(shè)計(jì)。下面是一些CSS3的代碼實(shí)例，讓我們一起來看看吧。

1. 圓角邊框

.box{
	border-radius: 10px;
	border: 2px solid #ccc;
}

2. 文字陰影

.text{
	text-shadow: 2px 2px 5px #ccc;
}

3. 漸變背景色

.box{
	background: -webkit-linear-gradient(red, yellow);
	background: -o-linear-gradient(red, yellow);
	background: linear-gradient(red, yellow);
}

4. 盒子陰影

.box{
	box-shadow: 2px 2px 5px #ccc;
}

5. 轉(zhuǎn)換效果

.box{
	transform: rotate(30deg);
}

6. 動(dòng)畫效果

.box{
	animation: mymove 5s infinite;
}
@keyframes mymove {
	from {top: 0px;}
	to {top: 200px;}
}

以上就是一些CSS3的代碼實(shí)例，它們可以讓我們的網(wǎng)頁更加豐富多彩。值得注意的是，不同的瀏覽器可能對CSS3的支持程度不同，我們需要針對不同的瀏覽器使用不同的前綴，如-webkit、-moz等等。