-
box-shadow查看全部
-
就喜欢你讲的课，简洁给力查看全部
-
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>查看全部
-
本身直角阴影包括：底边直角阴影和内边直角阴影 翘边阴影是需要给盒子做变换的，翘边阴影盒子变换成平行四边形的宽度比直角阴影盒子的大，所以需要设置width;90%;因为阴影距顶部还有点距离所以设置height;80%; 用transform:skew(-10deg) rotate(-4deg);使翘边阴影盒子变为平行四边形且做旋转变换，然后将其背景色设置为透明background:transparent;同时记得将其z-index设置为负值，li的背景要设置成白色（因为翘边阴影盒子有阴影）查看全部
-
曲线阴影效果=1个直角阴影+2个重叠的曲线阴影（2个重叠的曲线阴影要放在直角阴影的下面）; 正投影与圆角阴影重叠需要设置定位，相对定位元素为父元素effect 要让曲线投影这个盒子有一个尺寸，要么直接设置宽和高，要么对四个方向的值进行设置（浏览器会自动计算该盒子应有的大小，一定要是四个方向的值） 曲线阴影实质是圆角的阴影，所有曲线阴影盒子要设置border-radius;100px/10px;分别代表水平方向半径和垂直方向半径 让曲线阴影盒子位于下方的办法是设置z-index(=-1)小于直角阴影盒子 曲线投影不实的问题：与透明度关系不大，所以调节透明度影响不大。好的办法是让两个投影重叠在一起，即在直角阴影盒子内容的前面:before和后面:after都插入曲线投影盒子（都有绝对定位和且位置都是一样）查看全部
-
transform参数查看全部
-
box-shadow参数查看全部
-
CSS3阴影效果，曲线阴影+ 翘边阴影查看全部
-
box-shadow查看全部
-
box-shadow查看全部
-
顶顶顶顶顶顶查看全部
-
日日日日日日日日日查看全部
-
嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻查看全部
-
踩踩踩踩踩踩踩踩踩查看全部
举报
0/150
提交
取消