CSS樣式是網頁設計中不可或缺的一部分，其中的特效更是使網頁煥發生機的重要組成部分。以下介紹一些常見的CSS特效。

/* 文字陰影 */
.shadow{
text-shadow: 2px 2px 2px #000000;
}
/* 按鈕漸變 */
.gradient{
background: linear-gradient(to bottom right, #00ffff, #ff00ff);
border-radius: 5px;
color: #ffffff;
padding: 10px;
}
/* 圖片濾鏡 */
.filter{
filter: grayscale(50%);
}
/* 懸停效果 */
.hover:hover{
transform: scale(1.1);
}
/* 動畫效果 */
.animation{
animation-name: roll;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes roll{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}

以上特效可以根據實際需求進行組合使用，實現更加炫酷的網頁效果。