对CSS3box-shadow使用介绍
一般来说,我们通过框阴影设置框阴影,但是一些我们通常不使用的属性,本文将逐一分析框阴影属性。
语法
CSS代码将内容复制到剪贴板。
E {盒阴影:插入x偏移y模糊半径扩散半径颜色}
这是:
对象选择{框阴影:投影法X轴偏移Y轴偏移阴影模糊半径阴影扩展半径阴影颜色}
插图投影模式
此参数是可选值。如果没有设置值,则默认投影方式为外阴影。如果是独特的价值,inset,投影内阴影。
x偏移
偏移的水平方向;
y
垂直方向上的偏移量;
模糊半径
可选的,只作为整数,阴影值越大,则越模糊;
扩散半径扩展半径
可选地,它可以是正的或负的,如果是负的,整个阴影将减少。
彩色阴影颜色
可选的,如果没有设置值,浏览器将使用默认颜色,默认颜色一般是黑色。
我们很少使用插图和传播半径这两个属性,如果这两个属性的使用可以创建一个非常酷的效果。
演示