在網(wǎng)頁(yè)設(shè)計(jì)中,文字也是很重要的一個(gè)元素。為了讓文字更加豐富多彩,我們可以使用CSS來(lái)給文本添加不同的效果。
/* 1. 文字陰影效果 */ p { text-shadow: 2px 2px 3px #ccc; } /* 2. 文字描邊效果 */ p { -webkit-text-stroke: 1px black; } /* 3. 文字漸變效果 */ p { background: -webkit-linear-gradient(#eee, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 4. 文字變形效果 */ p { text-transform: uppercase; } /* 5. 文字旋轉(zhuǎn)效果 */ p { transform: rotate(-15deg); }
使用上述CSS效果可以讓文字更加生動(dòng)、有趣,不再是單調(diào)的黑白字體。但是需要注意的是,過(guò)度使用這些效果也可能會(huì)導(dǎo)致網(wǎng)頁(yè)過(guò)于花哨,讓用戶感到不適。所以,適度的運(yùn)用才是最好的。
下一篇css文字兩邊留空