更新记录
2016.5.28:CSS3 Text Shadow(文本阴影)效果在线调试工具完成上线

CSS3 Text Shadow(文本阴影)效果在线调试工具

 这是一款可在线调试并预览css3 Text Shadow(文本阴影)效果的工具。右侧具有实时调试并显示预览效果的功能,同时能够实时生成对应的css3效果代码,方便需要的朋友使用。


效果设置区

文本阴影1

删除阴影添加阴影

效果预览区

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

代码区

说明

Safari 1.1 Firefox 3.5 Opera 9 Chrome Internet Explorer

  • css2的时候已经有了text-shadow这个属性,但是css2.1的又删除了这个属性,css3又重新使用了这个属性;
  • text-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色
  • Firefox,webkit内核的Safari和Chrome,Opera支持Text Shadow(文本阴影):text-shadow:2px 2px 5px #333333
  • 一个文本可以使用多个文本阴影
  • IE不支持text-shadow(阴影)

首先,感谢您对脚本之家在线工具的支持! 为回馈广大用户对脚本之家的关注,即日起脚本之家开展不定期红包大放送活动,只要扫描二维码关注本站微信公众平台即可参与活动领取口令红包【点击此处查看二维码