如何用CSS制作陰影字?下面是一些基本的CSS代碼:
text-shadow: h-shadow v-shadow blur color; h-shadow:設置陰影的水平位置。允許負值。 v-shadow:設置陰影的垂直位置。允許負值。 blur:可選。模糊距離。 color:可選。陰影的顏色。
你可以使用它們中的任何一個或全部來創建陰影效果。下面是一些示例:
/* 產生黑色文字綠色陰影 */ h1 { text-shadow: 2px 2px 4px #000000; color: #00FF00; } /* 產生白色文字紅色陰影 */ h1 { text-shadow: 2px 2px 4px #FF0000; color: #FFFFFF; } /* 產生黑色文字與白色陰影 */ h1 { text-shadow: 2px 2px 4px #FFFFFF, -2px -2px 4px #FFFFFF; color: #000000; }
在這些示例中,通過改變文本陰影的位置、模糊度和顏色,可以產生各種不同的效果。調整這些值可以幫助你創建自己想要的陰影字。
上一篇css陰影的正確寫法
下一篇css間隔線長度 橫線