对CSS3box-shadow使用介绍

对CSS3box-shadow使用介绍
本文主要介绍在CSS3盒阴影的使用,这是在一个箱区做阴影效果,你需要的朋友可以参考一下。
一般来说,我们通过框阴影设置框阴影,但是一些我们通常不使用的属性,本文将逐一分析框阴影属性。
语法

CSS代码将内容复制到剪贴板。
E {盒阴影:插入x偏移y模糊半径扩散半径颜色}

这是:

对象选择{框阴影:投影法X轴偏移Y轴偏移阴影模糊半径阴影扩展半径阴影颜色}

插图投影模式
此参数是可选值。如果没有设置值,则默认投影方式为外阴影。如果是独特的价值,inset,投影内阴影。
x偏移
偏移的水平方向;
y
垂直方向上的偏移量;
模糊半径
可选的,只作为整数,阴影值越大,则越模糊;
扩散半径扩展半径
可选地,它可以是正的或负的,如果是负的,整个阴影将减少。
彩色阴影颜色
可选的,如果没有设置值,浏览器将使用默认颜色,默认颜色一般是黑色。

我们很少使用插图和传播半径这两个属性,如果这两个属性的使用可以创建一个非常酷的效果。

演示

tag:电脑软件CSS3boxshadow

相关内容