CSS3 中有很多有趣的屬性和方法可以讓我們制作出非常炫酷的效果。下面我為大家分享幾個(gè)我覺(jué)得比較有趣的例子。

/* 1. 陰影效果 */
.box {
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
/* 2. 漸變背景 */
.box {
background: linear-gradient(to bottom right, #ff6666, #99ff99);
}
/* 3. 文字邊框效果 */
h1 {
-webkit-text-stroke: 2px #00ffff;
}
/* 4. 多重邊框 */
.box {
border: 10px solid #000;
border-image: linear-gradient(to top, #ff6699, #66ccff) 30% round;
}
/* 5. 自定義光標(biāo) */
.box {
cursor: url('cursor.cur'), auto;
}

以上就是幾個(gè)我個(gè)人比較喜歡的 CSS3 屬性和方法了。當(dāng)然還有許多其他的有趣例子，有興趣的同學(xué)可以繼續(xù)研究。但是在使用這些屬性和方法時(shí)，我們也需要考慮到瀏覽器兼容性等問(wèn)題，確保頁(yè)面效果在不同瀏覽器中均能正常顯示。