給文字加投影CSS的方法
在CSS中,我們可以使用text-shadow屬性給文字添加投影效果,text-shadow屬性接受四個(gè)值,分別是水平偏移、垂直偏移、模糊半徑和顏色。
我們可以給一段文字添加向右偏移2像素、向下偏移2像素、模糊半徑為3像素的藍(lán)色投影:
p { text-shadow: 2px 2px 3px blue; }
p是選擇器,表示選擇所有的段落元素,如果你想給特定的元素添加投影,可以選擇相應(yīng)的元素作為選擇器。
除了text-shadow屬性,我們還可以使用filter屬性中的drop-shadow函數(shù)給文字添加投影,drop-shadow函數(shù)接受四個(gè)參數(shù),分別是水平偏移、垂直偏移、模糊半徑和顏色。
我們可以給一段文字添加向右偏移2像素、向下偏移2像素、模糊半徑為3像素的藍(lán)色投影:
p { filter: drop-shadow(2px 2px 3px blue); }
需要注意的是,filter屬性的drop-shadow函數(shù)在IE瀏覽器上不被支持,如果你需要兼容IE瀏覽器,建議使用text-shadow屬性。