更新记录
2016.5.27:CSS3 Box Shadow(阴影)效果在线调试工具完成上线

CSS3 Box Shadow(阴影)效果在线调试工具

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


效果设置区

阴影1

删除阴影添加阴影

效果预览区

代码区(此处代码双击即可复制到剪贴板)

说明

Safari 3 Firefox 3.5 Opera 10.5 Chrome Internet Explorer

  • box-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色
  • Firefox支持Box Shadow(阴影):-moz-box-shadow:2px 2px 5px #333333
  • webkit内核的Safari和Chrome支持Box Shadow(阴影):-webkit-box-shadow:2px 2px 5px #333333
  • Opera支持Box Shadow(阴影):box-shadow:2px 2px 5px #333333
  • IE不支持Box Shadow(阴影)

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

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


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

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

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