CSS3是Web前端開發中不可或缺的一項技術。它可以幫我們實現很多想象不到的效果，例如背景漸變、陰影、3D變換等等。下面我來給大家演示一下CSS3的一些應用示例。

/*背景漸變*/
body {
background: linear-gradient(to right, #FF7F50, #87CEFA);
}
/*陰影*/
.box {
box-shadow: 5px 5px 10px #888888;
}
/*3D變換*/
.cube {
transform: rotateX(45deg) rotateY(45deg) rotateZ(45deg);
}

以上代碼分別實現了背景漸變、陰影、3D變換的效果。其中，背景漸變使用了linear-gradient函數，通過指定漸變方向和起始、結束顏色即可實現。陰影則是通過box-shadow屬性實現，其中的5px 5px 10px表示水平偏移、豎直偏移、模糊度，#888888表示陰影的顏色。3D變換使用了transform屬性，其中rotateX、rotateY、rotateZ分別表示繞X軸、Y軸、Z軸旋轉的角度。

在實際開發中，我們可以將多種CSS3屬性結合使用，創造出更復雜的效果。同時，為了保證兼容性，我們可以使用瀏覽器前綴來指定不同瀏覽器的樣式，例如：

.box {
-webkit-box-shadow: 5px 5px 10px #888888;
-moz-box-shadow: 5px 5px 10px #888888;
box-shadow: 5px 5px 10px #888888;
}

以上代碼實現了在不同瀏覽器中使用不同前綴來顯示陰影效果。通過這些技巧，我們可以更好地處理CSS3兼容性問題。