-
box-shadow查看全部
-
曲线阴影和翘边阴影效果图查看全部
-
transform语法: 功能:向元素应用2D或3D转换 语法:transform:none|transform-functions 参数:skew(x-angle,y-angle)定义沿着X和Y轴的2D倾斜转换 skewX(angle)定义沿着X轴的2D倾斜转换 skewY(angle)定义沿着Y轴的2D倾斜转换。 rotate:设置图形旋转角度 rotate(-30deg); //向左旋转30度 z-index:-2;图形转化到复盒子的下面查看全部
-
1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径 2.设置盒子的宽高有两种方法第一种是直接设置width和height;第二种是设置position:absolute; top:值;left:值;right:值;bottom:值;设置4个值,间接地设置了width和height,4个值缺一不可 3.曲线阴影效果=1个直角阴影+2个重叠的曲线阴影(2个重叠的曲线阴影要放在直角阴影的下面); 4.全方向阴影 box-shadow: 0 0 10px rgba(0,0,0,.3)就是不设置水平和垂直方向上的阴影距离; 1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径 2.实心效果 : 多重虚线叠加 3.添加元素大小的两种方式 width & height || top & bottom & left & right 4.无方向阴影 || 全方向阴影 box-shadow: 0 0 10px rgba(0,0,0,.3); position:absolute; top:50%;left:10px;right:10px;bottom:0;设置4个值,间接地设置了width和height,缺一不可 z-index:-1;查看全部
-
水平和垂直都设置为0.阴影四边都有,inset是内阴影,往里缩的。需要考虑浏览器的兼容性 CSS3中:after和:before的用法讲解 :after 选择器:在被选元素的后面插入内容 :before 选择器:在被选元素的前面插入内容 说明:需使用content属性来指定要插入的内容 浏览器兼容:对于IE8及更早版本中的:after,必须声明<!DOCTYPE>查看全部
-
box-shadow查看全部
-
box-shadow 曲线阴影、翘边阴影查看全部
-
不错!查看全部
-
z-index:-1;放在底部查看全部
-
1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径 2.设置盒子的宽高有两种方法第一种是直接设置width和height;第二种是设置position:absolute; top:值;left:值;right:值;bottom:值;设置4个值,间接地设置了width和height,4个值缺一不可 3.曲线阴影效果=1个直角阴影+2个重叠的曲线阴影(2个重叠的曲线阴影要放在直角阴影的下面); 4.全方向阴影 box-shadow: 0 0 10px rgba(0,0,0,.3)就是不设置水平和垂直方向上的阴影距离; 1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径 2.实心效果 : 多重虚线叠加 3.添加元素大小的两种方式 width & height || top & bottom & left & right 4.无方向阴影 || 全方向阴影 box-shadow: 0 0 10px rgba(0,0,0,.3); position:absolute; top:50%;left:10px;right:10px;bottom:0;设置4个值,间接地设置了width和height,缺一不可 z-index:-1;查看全部
-
boder-radius 圆角查看全部
-
阴影效果查看全部
-
使用box-shadow进行曲线阴影和翘边阴影查看全部
-
box-shadow查看全部
-
border-radius 使用查看全部
举报
0/150
提交
取消