CSS可以給文本增加各種效果，讓頁面更加生動有趣。下面就來介紹幾種常見的CSS文本效果。

/* 文本陰影 */
.shadow {
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
}
/* 文本描邊 */
.outline {
color: white;
-webkit-text-stroke: 1px black;
}
/* 文本漸變 */
.gradient {
background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* 文本旋轉(zhuǎn) */
.rotate {
display: inline-block;
transform: rotate(15deg);
}
/* 文本動畫 */
.animate {
animation: bounce 2s linear infinite;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
}

使用這些CSS屬性可以輕松實(shí)現(xiàn)各種文本效果，讓頁面更加生動有趣。