在網頁設計中，使用 CSS 小效果能夠為你的頁面增加更多的吸引力和用戶體驗。以下是一些常見的 CSS 小效果，它們都可以通過 CSS 樣式來實現。

/* 文字漸變 */
.background {
background-image: linear-gradient(to bottom right, #23395B, #4E637F);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* 陰影效果 */
.shadow {
box-shadow: 0px 3px 15px rgba(0,0,0,.2); 
}
/* 邊框動畫 */
.border {
border: 2px solid #333;
transition: all 0.3s ease;
}
.border:hover {
border: 2px solid #f00;
}
/* 文字滾動 */
.marquee {
animation: marquee 7s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
/* 旋轉效果 */
.rotate {
transform: rotate(15deg);
}
/* 文字縮放 */
.scale {
transform: scale(1.2);
}

以上是一些常見的 CSS 小效果，它們都能夠給你的頁面帶來不同的感覺和體驗。當然，你也可以根據自己的需要創造出更多更有創意的效果。