CSS3文字描邊 CSS3字體外部描邊

給需要實(shí)現(xiàn)文字描邊的元素添加如下CSS3的屬性

text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

*filter: Glow(color=#000, strength=1);

實(shí)現(xiàn)前效果：

實(shí)現(xiàn)后效果：

 

語法詳解：

text-shadow:向文本設(shè)置陰影。

text-shadow:color||length||length||opacity。

color:指定顏色。

length:第一個length指定陰影在水平方向上的延伸距離，第二個length指定陰影在垂直方向上的延伸距離，可以為負(fù)值。

opacity:指定陰影模糊效果的作用距離。

用逗號分隔的4個屬性值代表的方向順序?yàn)橛蚁伦笊稀?/p>

為了兼容多瀏覽器而加上前綴-webkit-和-moz-。

 

filter:濾鏡。

filter:Glow 添加光輝暈圈效果在元素對象的邊外。

filter:Glow（color=顏色值，strength=數(shù)值）。

color:指定暈圈發(fā)光效果的顏色。

strength:指定暈圈發(fā)光的強(qiáng)度范圍，參數(shù)值從1到255。

轉(zhuǎn)載于:https://www.cnblogs.com/snowhite/p/9647073.html