前面我們討論了text-shadow屬性的發展歷史和text-shadow語法,以及text-shadow屬性的取值各代表什么含義。今天主要補充說明一下text-shadow兼容性的問題和濾鏡的用法。
IE瀏覽器是不兼容text-shadow效果的,但為了在兼容這一問題,我們只好使用濾鏡filter:shadow來處理(我們不建議使用濾鏡),因為使用濾鏡編寫樣式是比較繁瑣的。filter:shadow濾鏡作用與dropshadow相似,也能使用對象產生陰影效果,不同的是shadow可產生漸近效果,使用陰影更平滑實現。
其中的濾鏡語法:
.lujing {filter:shadow(Color=顏色值,Direction=數值,Strength=數值)}
其中lujing 是css中的元素選擇器,Color是用來設定對象的陰影顏色;Direction用于設定投影的方向,取值為0(表示向上方向),45為右上,90為右,135為右下,180為下方,225為左下方,270為左方,315為左上方;Strength就是強度,類似于text-shadow中的blur值。
上一篇:前端設計經常用到的文字陰影_text-shadow(中)
下一篇:網站后臺如何劃分模塊(其他)
掃一掃 加微信咨詢