在網頁設計中，CSS 是一個非常強大的工具，能夠幫助用戶美化網頁，并提升用戶體驗。在本文中，我們將分享一些流行的 CSS 效果，希望能夠為您的網頁設計和開發帶來一些靈感。

/* 1. 紅色的漸變背景 */
background: linear-gradient(to right, #f24763, #ff8c33);
/* 2. 文字邊框下劃線 */
text-decoration: underline;
text-decoration-color: #ff8c33;
/* 3. 鼠標懸停時的動畫效果 */
transition: all 0.3s ease-in-out;
:hover {
transform: scale(1.1);
}
/* 4. 陰影效果 */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
/* 5. 點擊按鈕時的立體效果 */
transform: translateZ(30px);
:hover {
transform: translateZ(60px);
}

除此之外，CSS 還有很多其他優秀的效果，例如：背景圖像濾鏡、彈出卡片效果、水波紋按鈕效果等等。這些效果不僅能夠提升網頁的美觀度和用戶體驗，而且也能夠增加頁面的互動性，使網站更加吸引人。