CSS是一種非常強大的樣式語言,可以讓網頁設計更美觀。除了改變背景顏色和圖片,CSS也可以做出文字特效。
/* 文字陰影 */ .text-shadow { text-shadow: 2px 2px 2px #000; } /* 文字漸變 */ .gradient-text { background: -webkit-linear-gradient(#eee, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 文字描邊 */ .text-stroke { -webkit-text-stroke: 2px #000; text-stroke: 2px #000; } /* 文字旋轉 */ .text-rotate { display: inline-block; position: relative; transform: rotate(45deg); } /* 文字放大 */ .text-scale { display: inline-block; transition: transform 0.5s; } .text-scale:hover { transform: scale(2); }
上面是一些常用的文字特效,例如文字陰影,文字漸變,文字描邊,文字旋轉和文字放大。這些效果都可以通過CSS的樣式屬性來實現,只需了解基本的CSS語法和屬性,就能輕松制作出獨具特色的文本效果。
下一篇mysql提取百分比