1. 程式人生 > >CSS3中的文字特效

CSS3中的文字特效

-webkit-background-clip:text;//設定背景的顯示範圍,有文字的地方才顯示背景  (這是webkit核心瀏覽器私有屬性);

-webkit-text-fill-color:transparent;//設定文字填充為透明色;

利用上面兩個屬性,再設定背景色(背景色屬性要在這兩個屬性前面),可以給讓背景只顯示在文字上,做出剪下蒙版的效果;

-webkit-text-stroke: 1px red;  //設定文字的描邊為1px的紅色;