在CSS3中,文字顯示特效得到了很大的改善。通過一些簡單的CSS屬性,可以使普通的文字產(chǎn)生獨(dú)特而又華麗的效果,讓你的網(wǎng)站更加吸引人。下面介紹一些常用的文字特效。
/* 1. 文字陰影 */ p { text-shadow: 1px 1px 2px #ccc; } /* 2. 文字漸變 */ p { background: -webkit-linear-gradient(#0f0, #00f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 3. 文字邊框 */ p { -webkit-text-stroke: 1px #000; } /* 4. 文字旋轉(zhuǎn) */ p { transform: rotate(45deg); } /* 5. 文字放大 */ p { transform: scale(2); }
這些特效只是CSS3中文字特效的一小部分,更多的特效屬性等待你去探索。