参数:box-shadow:none | [inset x-offset y-offset blur-radius spread-radius color], [inset x-offset y-offset blur-radius spread-radius color] text-shadow ...
分类:
其他好文 时间:
2017-05-02 18:19:10
阅读次数:
176
一:border 二:伪类 三:box-shadow 四:filter:drop-shadow 五:渐变 ...
分类:
其他好文 时间:
2017-04-27 10:23:08
阅读次数:
231
突然发现原来box-shadow的功能很强大,还能做动效,下面整理下box-shadow几个效果 案例1:hover效果 css: 效果: hover时: ...
分类:
其他好文 时间:
2017-04-26 11:02:34
阅读次数:
142
预览效果 index.html index.css base.css box-shadow: 0 0 1px #e0e0e0; .jd_sk .sk_time>span:nth-child(3n) /*e:first-of-type 选择e同类型的同级的 第一个元素*//*e:last-of-typ ...
分类:
其他好文 时间:
2017-04-15 01:20:41
阅读次数:
216
Title x轴偏移量,可以当成是在y轴方向阴影的实线宽度 内阴影(inset 可以写在参数的第一个或最后一个,其它位置是无效的) 添加多个阴影,只需用逗号隔开即可 ...
分类:
其他好文 时间:
2017-04-12 23:15:02
阅读次数:
198
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>测试-当前元素不可选</title><style> .ipt { border: 1px solid #ddd; box-shadow: 0 0 3px rgba( ...
分类:
其他好文 时间:
2017-04-12 18:44:37
阅读次数:
205
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>测试-重置前一项相同选择</title> <style> .ipt { border: 1px solid #ddd; box-shadow: 0 0 3px rg ...
分类:
其他好文 时间:
2017-04-12 18:39:39
阅读次数:
176
.shadowBox{ -moz-box-shadow:5px 5px 5px #A9A9A9; -webkit-box-shadow:5px 5px 5px #A9A9A9; box-shadow:5px 5px 5px #A9A9A9; } .shadowBox{ -moz-box-shadow ...
分类:
其他好文 时间:
2017-04-11 14:48:11
阅读次数:
126
1.下载ie-css3.htc 2.CSS box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 15px; /* Opera 1 ...
分类:
Web程序 时间:
2017-04-10 13:32:52
阅读次数:
220
现今,界面极大的丰富,传统的 HTML+CSS 已经跟不上时代的步伐,在 CSS3 中,有太多非常好用的属性,可以很方便的做出种种炫酷的效果,接下来,我将例举一些常用的 CSS3 的属性。 border-radius:圆角。 box-shadow:元素阴影。 border-image:边框图片。bo ...
分类:
Web程序 时间:
2017-04-08 18:41:20
阅读次数:
261