-
box-shadow 曲线阴影、翘边阴影查看全部
-
讲的还是不错的， 发音是瑕疵查看全部
-
ul.box{ width: 980px; height: auto; clear: both; overflow: hidden; margin: 20px auto; } ul.box li{ width: 300px; height: 210px; position: relative; background: #fff; float: left; margin: 20px 10px; border:2px solid #efefef; box-shadow: 0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset; } ul.box li img{ display: block; width: 290px; height: 200px; margin: 5px; }查看全部
-
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;图形转化到复盒子的下面查看全部
-
翘边阴影：矩形和平行四边形（矩形倾斜加旋转）的叠加。 skew（12deg） rotate（4deg）图像向右斜切12度 向右旋转4度（若为负值则向左） 正是通过两个（一个向左，一个向右）图形与原图叠加并加上阴影效果，翘边阴影就出来了 ·father，position：relative ·son，position：absolute ·transform:skew(-12deg); 向左倾斜12度 ·transform:skew(-4deg); 向左旋转4度 处理兼容性：-ms-transform -webkit-transform -moz-transform -o-transform transform 旋转; skew(xdeg,ydeg) box-shadow给盒子做阴影设置查看全部
-
border-radius:设置弧度，圆角 比如：border-radius：100px; 或 100px/10px;查看全部
-
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;查看全部
-
CSS查看全部
-
CSS3中：after和：before的用法讲解 :after 选择器：在被选元素的后面插入内容 ：before 选择器：在被选元素的前面插入内容 说明：需使用content属性来指定要插入的内容 浏览器兼容：对于IE8及更早版本中的：after，必须声明<!DOCTYPE> Element:before{ };在元素的前面插入样式.元素. Element:after{ };在元素的后面插入样式.元素.查看全部
-
box-shadow查看全部
-
box-shadow查看全部
-
·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（非正园圆角）。查看全部
举报
0/150
提交
取消