首页 > UI设计工具 > CSS3 Box Shadow效果在线调试工具

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

2px
2px
5px

工具介绍

CSS盒子阴影效果在线调试工具提供在线调试并预览css3 Box Shadow效果的工具。具有实时调试并显示预览效果的功能,同时能够实时生成对应的css3效果代码。

CSS3 box-shadow 属性

描述

h-shadow

必需的。水平阴影的位置。允许负值

v-shadow

必需的。垂直阴影的位置。允许负值

blur

可选。模糊距离

spread

可选。阴影的大小

color

可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表

inset

可选。从外层的阴影(开始时)改变阴影内侧阴影

说明

  • 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(盒子阴影)