-
【CSS3 属性】box-shadow是向盒子添加阴影。支持添加一个或者多个。box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
【css3 属性 】 border-radius是向元素添加【圆角边框】。查看全部
-
注意每个浏览器的兼容性查看全部
-
案例在线演示地址：http://codepen.io/airen/pen/icFba查看全部
-
思考一下，我们刚讲过的Keyframes 是否忘记加入前缀了？ Chrome和Safari: @-webkit-keyframes、-webkit-animation Foxfire: @-moz-keyframes、-moz--animation查看全部
-
haha查看全部
-
说的太复杂，通俗点就是[颜色或者图片 位置 /(尺寸这里有个斜杠)尺寸 平铺方式 附件 裁剪 原点] 这些属性先写，然后接下去写的话用英文逗号隔开。查看全部
-
如果添加多个阴影，只需用逗号隔开即可。查看全部
-
box-shadow是向盒子添加阴影。支持添加一个或者多个。 很简单的一段代码，就实现了投影效果，酷毙了。我们来看下语法： box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]查看全部
-
1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊； 阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
<!doctype html> <html> <head> <meta charset="utf-8"> <title>boxshadow</title> <style> .boxshadow-outset{ width:100px; height:100px; box-shadow:4px 4px 6px #666, 0px 0px 12px 5px #33CC00 inset; } .boxshadow-inset{ width:100px; height:100px; box-shadow:4px 4px 6px #666 inset; } .boxshadow-multi{ width:100px; height:100px; box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; } </style> </head> <body> <h2>外阴影</h2> <div class="boxshadow-outset"> </div> <br /> <h2>内阴影</h2> <div class="boxshadow-inset"> </div> <br /> <h2>多阴影</h2> <div class="boxshadow-multi"> </div> </body> </html>查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
<!doctype html> <html> <head> <meta charset="utf-8"> <title>border-radius</title> <style type="text/css"> div.circle{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ } /*任务部分*/ div.semi-circle{ height:100px; width:50px; background:#9da; border-radius:?; } </style> </head> <body> <div class="circle"> </div> <br/> <!--任务部分--> <div class="semi-circle"> </div> </body> </html>查看全部
-
border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */查看全部
-
a[class^=column]{ //开头 background: red; } a[href$=doc]{ //结束 background: green; } a[title*=box]{ //包含 background: blue; }查看全部
举报
0/150
提交
取消