CSS（層疊樣式表）是Web開發中的一項重要技術，它可以為HTML元素添加樣式和布局。CSS 3是CSS的最新版本，增加了許多新的特性和效果。下面我們來了解一些具有代表性的CSS 3效果。

/* 圓角 */
border-radius: 50%;
/* 陰影 */
box-shadow: 10px 10px 5px #888888;
/* 漸變 */
background: linear-gradient(red, yellow);
/* 轉換 */
transform: translateX(100px);
/* 動畫 */
@keyframes example {
from {background-color: red;}
to {background-color: yellow;}
}
div {
animation-name: example;
animation-duration: 2s;
}

以上代碼演示了CSS 3的圓角、陰影、漸變、轉換、動畫等效果。其中border-radius可以為元素的四個角添加圓角，box-shadow可以為元素添加陰影效果，background可以設置背景色或者漸變顏色，transform可以實現平移、旋轉、縮放等效果，animation可以實現動畫效果。

除此之外，CSS 3還支持許多其他的特性和效果，如多列布局、彈性盒子、過渡效果等。這些效果可以大大提升Web頁面的交互性和美觀性，為用戶提供更好的視覺體驗。