box-shadow:none inset x-offset y-offset blur-radius spread-radius color 参数: inset : 可选值,默认为外阴影。 x-offset :可正,可负,正表示偏右,负偏左 y-offset:可正,可负,正表示偏下,负偏上 blu ...
分类:
Web程序 时间:
2016-11-04 23:22:02
阅读次数:
326
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:
Web程序 时间:
2016-11-04 16:18:05
阅读次数:
316
2. Multiple Boerders 多边框 在工作中我们可能会遇到给盒子外层实现多个边框。如以下效果: 方法1: 实现这个效果,其实很简单,使用CSS3 的box-shadow属性,先看看box-shadow属性怎么使用吧。 box-shadow: h-shadow v-shadow blur ...
分类:
其他好文 时间:
2016-11-02 20:41:55
阅读次数:
171
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:
Web程序 时间:
2016-11-02 14:24:47
阅读次数:
207
目标大纲 文章转载 CSS3 经典教程系列:CSS3 盒阴影(box-shadow)详解 IE中CSS-filter滤镜小知识大全 ...
分类:
Web程序 时间:
2016-11-01 00:39:47
阅读次数:
232
一、position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口。 二、position:absolute 1.外层没有position:absolute(或relative);那么div相对于浏览器定位。 2.外层有position:absolute(或relati ...
分类:
Web程序 时间:
2016-10-28 20:39:37
阅读次数:
217
无聊想用JS写个五子棋玩玩,这边先用CSS3画出了五子棋,感觉挺惊艳的。发上来看看 PS:第一次发博文T-T 此为个人原创。 不多说上图: 代码如下: 最后对box-shadow和background-gradient样式说明: box-shadow属性值有4个参数: ...
分类:
Web程序 时间:
2016-10-28 20:11:33
阅读次数:
311
/*定义滚动条轨道*/ #style-3::-webkit-scrollbar-track { /*-webkit-box-shadow: ;*/ } /*定义滚动条高宽及背景*/ #style-3::-webkit-scrollbar { width: ; } /*定义滑块*/ #style-3: ...
分类:
其他好文 时间:
2016-10-21 16:16:18
阅读次数:
172
基础说明: 外阴影:box-shadow: X轴 Y轴 Rpx color; 属性说明(顺序依次对应): 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值(大小) 阴影的颜色 内阴影:box-shadow: X轴 Y轴 Rpx color inset; 默认是外阴影 内阴影:ins ...
分类:
Web程序 时间:
2016-10-21 00:59:31
阅读次数:
180
1,首先需要下载ie-css3.htc 2,需要引用ie-css3.htc 使用演示: .main{ border: 2px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10 ...
分类:
其他好文 时间:
2016-10-15 22:29:36
阅读次数:
217