跨浏览器实现投影(box-shadow): ...
分类:
其他好文 时间:
2016-04-27 18:34:53
阅读次数:
109
(1)页面加载js,无需运行完整页面代码: <body onload="JScript:函数名(IE);JavaScript:函数名(火狐和一部分);javascript:函数名(谷歌和其他);">(2)边框阴影: -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.5 ...
分类:
其他好文 时间:
2016-04-23 13:17:59
阅读次数:
188
css3边框阴影效果box-shadow用法详解 案例演示如下: 其中前2个值的用法跟对背景图片进行定位时的用法差不多。 将/zz/前的那句代码替换为:box-shadow:0px 0px 30px 10px #abcdef; 效果图如下: 前4个属性均可设置为负值。 ...
分类:
Web程序 时间:
2016-04-23 07:20:55
阅读次数:
136
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。
基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}
对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径...
分类:
Web程序 时间:
2016-04-22 20:37:41
阅读次数:
208
1、阴影box-shadow:x轴偏移量 y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]
注意:inset(内阴影) 可以写在参数的第一个或最后一个,其它位置是无效的实例
正值表示在对象的底部,负值表示在对象的顶部。
.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px 4p...
分类:
Web程序 时间:
2016-04-17 23:01:57
阅读次数:
258
box-shadow属性包含6个参数值:阴影类型、X轴位移、Y轴位移、阴影大小、阴影扩展和阴影颜色。这6个参数值可以有选择地省略。 现在我们用一个img元素来举栗子 我们先来写最简单的box-shadow 只需要在box-shadow属性里设置X和Y的偏移量即可 现在我们给阴影加上大小和颜色 第三个 ...
分类:
Web程序 时间:
2016-04-11 22:35:57
阅读次数:
252
了解各浏览器内核 Firefox:-moz-box-shadow Safari:-webkit-box-shadow Opera:-o-box-shadow IE:-ms-box-shadow Firefox:-moz-box-shadow Safari:-webkit-box-shadow Ope ...
分类:
移动开发 时间:
2016-04-10 17:56:35
阅读次数:
321
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:
Web程序 时间:
2016-04-09 16:55:09
阅读次数:
150
1、box-shadow :h-shadow v-shadow blur spread color inset(outset) h-shadow:必须;水平阴影位置,允许负值。 v-shadow:必须;垂直阴影位置,允许负值。 blur:可选,模糊距离。 spread:可选,阴影的尺寸。 color ...
分类:
Web程序 时间:
2016-04-09 16:53:05
阅读次数:
149
了解各浏览器内核
Firefox:-moz-box-shadowSafari:-webkit-box-shadowOpera:-o-box-shadowIE:-ms-box-shadow
WebKit 是一个开源的浏览器引擎,与之相对应的引擎有Gecko(Mozilla
Firefox 等使用)和Trident(也称MSHTML,IE
使用)。同时WebKit 也是苹果Ma...
分类:
移动开发 时间:
2016-04-08 15:07:53
阅读次数:
285