自从CSS3出来，各种酷炫效果都有出现。框阴影属性用于创建阴影效果。
介绍它的各种参数。
箱形阴影:h形阴影v形阴影模糊扩散颜色插图；
H-shadow:必选项，表示水平阴影的位置(即x轴)。正值会导致阴影出现在元素的右侧，而负值会出现在元素的左侧。
v形阴影:必选项，表示垂直(即y轴)阴影的位置。正值导致阴影出现在元素下方，负值出现在元素上方。
模糊:可选，表示模糊距离。模糊数越大，锐度越小，阴影越朦胧模糊。负值是不允许的，将被视为0。
扩散:可选，表示阴影的大小。可以理解为元素到阴影的距离。正值会导致阴影按指定值向所有方向延伸。负值会将阴影缩小到小于元素本身的大小。
颜色:可选，表示阴影的颜色。这个不用我多说，我想大家都会的。
插图:可选。把开始的阴影改成内心的阴影。开始是默认
你可以在下面灵活使用这个属性。以下是一些不寻常的效果。
使用阴影显示向上浮动效果。
原理是在元素下面加阴影。鼠标上移，让阴影缩小，让元素上移！
如下:
野性
老鼠经过后，
实现代码如下:
html:
css:
1.《css阴影 css3高级的box-shadow阴影效果》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。
2.《css阴影 css3高级的box-shadow阴影效果》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址，https://www.lu-xu.com/caijing/1488455.html
