更新记录
2016.5.28:CSS3 Text Stroke(文本描边)和text-fill-color(文本填充色)调试工具完成上线

CSS3 Text Stroke(文本描边)和text-fill-color(文本填充色)调试工具

 这是一款可在线调试并预览CSS3 Text Stroke(文本描边)和text-fill-color(文本填充色)效果的工具。右侧具有实时调试并显示预览效果的功能,同时能够实时生成对应的css3效果代码,方便需要的朋友使用。


效果设置区

文本颜色

文本描边

效果预览区

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

代码区

说明

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

脚本之家工具类小程序上线了!微信小程序搜索 脚本之家工具箱 或者扫描如下小程序码直接打开小程序!

推荐一个Chrome浏览器插件合作站点


为回馈广大用户对脚本之家的关注,脚本之家不定期开展红包、图书、礼品大放送活动

关注官方微信公众平台即可参与活动!

最后,感谢您对脚本之家在线工具的支持!