CSS3文字陰影效果程式碼例項
使用css3的text-shadow屬性即可實現此效果。
關於text-shadow屬性參閱CSS3 text-shadow一章節。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> *{ margin:0; padding:0; } .shadow{ font-family:Microsoft Yahei; font-size:28px; color:#333; text-shadow:2px 2px 5px #f60; } </style> </head> <body> <div class="shadow">螞蟻部落</div> </body> </html>
相關文章
- css3實現的文字陰影效果程式碼例項CSSS3
- CSS3實現的div陰影效果程式碼例項CSSS3
- CSS3圖片邊框陰影效果程式碼例項CSSS3
- css3實現div邊框陰影效果程式碼例項CSSS3
- css3實現的邊框陰影效果程式碼例項CSSS3
- CSS3圖層陰影程式碼例項CSSS3
- CSS3文字凹凸效果程式碼例項CSSS3
- css邊框陰影程式碼例項CSS
- css3文字鏤空效果程式碼例項CSSS3
- CSS3文字漸現效果程式碼例項CSSS3
- CSS3實現的文字框陰影發光效果CSSS3
- css3星空效果程式碼例項CSSS3
- css3水滴效果程式碼例項CSSS3
- CSS3 名片效果程式碼例項CSSS3
- css3實現的文字下滑出現效果程式碼例項CSSS3
- CSS3小黃人效果程式碼例項CSSS3
- css3晃動效果程式碼例項CSSS3
- CSS3心形效果程式碼例項CSSS3
- CSS3旋轉效果程式碼例項CSSS3
- CSS3彈球效果程式碼例項CSSS3
- CSS文字模糊效果程式碼例項CSS
- CSS3滑過光束效果程式碼例項CSSS3
- css3繪製月牙效果程式碼例項CSSS3
- css3折角效果程式碼例項CSSS3
- CSS3梯形效果程式碼例項CSSS3
- CSS3背景漸變效果程式碼例項CSSS3
- css3立方體效果程式碼例項CSSS3
- css3優惠券效果程式碼例項CSSS3
- CSS3星系運動效果程式碼例項CSSS3
- css3漂浮氣球效果程式碼例項CSSS3
- 密碼框提示文字效果程式碼例項密碼
- 當前文字框高亮效果程式碼例項
- input文字框圓角效果程式碼例項
- css3實現的折角效果程式碼例項CSSS3
- css3大象行走效果程式碼例項CSSS3
- css優化文字顯示效果程式碼例項CSS優化
- CSS如何讓文字豎排效果例項程式碼CSS
- CSS3實現的滑鼠懸浮文字顏色漸變效果程式碼例項CSSS3