-
·box-shadow:水平(右正左负)、垂直、模糊程度、阴影距离(默认即可)、颜色[rgba(0,0,0,0.3)] ·添加多个阴影使用逗号隔开即可 ·水平和垂直如果均为0的话,则四边都有阴影 box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3)//水平方向阴影距离,垂直方向阴影距离,阴影模糊程度,颜色,透明度 -webkit-box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3) -moz-box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3) -o-box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3) 阴影模糊程度:数值越大,模糊程度越大 inset 内部阴影 水平和垂直 数值为0 阴影则从四个边 同时发出来查看全部
-
box-shadow:h-shadow v-shadow blur spread color inset 必需:h-shadow(水平),v-shadow(垂直) 可选:blur(模糊距离),spread(阴影尺寸),color(阴影颜色),inset(内阴影) box-shadow:添加一个或多个阴影 参数: h-shadow(必需):水平阴影的位置,允许负值 v-shadow(必需):垂直阴影的位置,允许负值 blur(可选):模糊距离 spread(可选):阴影的尺寸 color(可选):阴影的颜色 inset(可选):将外部阴影(outset)改为内部阴影查看全部
-
transform里可连续做变换,用空格隔开。transform:skew() rotate();查看全部
-
border-radius:100px/10px 意为每一个角的水平方向圆角为100px,垂直方向圆角为10px(非正园圆角)。查看全部
-
四个方向都必须有值,才能在不写width与height的情况下让浏览器算出盒子大小,否则盒子不会显示。查看全部
-
transform查看全部
-
box-shadow查看全部
-
transform的浏览器兼容情况查看全部
-
transform: skew()查看全部
-
:before :after查看全部
-
box-shadow兼容查看全部
-
box-shadow查看全部
-
加入内阴影时,左右都有,就都设成0px查看全部
-
box-shadow查看全部
-
box-shadow查看全部
举报
0/150
提交
取消