App下載

CSS3 Text Stroke(文本描邊)和text-fill-color(文本填充色)調試工具

　這是一款可在線調試并預覽CSS3 Text Stroke(文本描邊)和text-fill-color(文本填充色)效果的工具。右側具有實時調試并顯示預覽效果的功能，同時能夠實時生成對應的css3效果代碼，方便需要的朋友使用。


效果設置區(qū)

文本顏色

文本描邊

效果預覽區(qū)

Text Shadow(文本陰影)-Css3演示

代碼區(qū)

說明

Safari 4 Firefox Opera Chrome Internet Explorer

  • 目前這兩個屬性只有webkit內核的Safari和Chrome支持，例如： -webkit-text-stroke: 3.3px #2A75BF;
  • text-fill-color：顏色值，和color屬性差不多都是文字的樣式；
  • 同時使用text-fill-color和color屬性，text-fill-color將覆蓋color屬性的顏色值；
  • text-fill-color可以使用透明值，即：text-fill-color：transparent