CSS3是在CSS2的基礎上加入了更多強大的樣式屬性，使得前端開發在設計界面時擁有更多的選擇和創意。在這里，我們給大家介紹一些CSS3的基礎屬性以及它們的一些用法和實例演示。

/*border-radius*/
.box {
border-radius: 20px;
}
/*box-shadow*/
.box {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
/*text-shadow*/
h1 {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
/*transition*/
.box {
transition: background-color 1s ease;
}
.box:hover {
background-color: #eee;
}
/*transform*/
.box {
transform: rotateY(180deg);
}

以上代碼展示了幾個常用的CSS3屬性：

border-radius：設置圓角大小，其中的20px可以根據實際需要進行修改，如果將border-radius設置為50%，則會將方形變成圓形。

box-shadow：設置陰影效果，其中的參數依次為水平偏移、垂直偏移、模糊大小、陰影顏色，可以根據實際需要進行修改。

text-shadow：設置文本陰影效果。

transition：設置過渡效果，當鼠標移入.box元素時，background-color屬性從原始值過渡到#eee。

transform：設置旋轉效果，其中rotateY(180deg)表示繞Y軸旋轉180度。

以上只是其中的一部分屬性，CSS3還有很多其他實用的屬性，可以根據實際需要進行學習和使用。