javascript线性渐变一(2)


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


接着说说-moz-linear-gradient,火狐的CSS私有属性,隶属于background-image,不过它也略写成background。语法为:
-moz-linear-gradient( <POINT>, <POINT> [, <STOP>]* )
我们可以设置这两个点的值坪决定其是水平还是垂直,如
/*水平*/
-moz-linear-gradient(left, right [, <STOP>]* )1.
/*垂直*/
-moz-linear-gradient(top, bottom [, <STOP>]* )
至于后面的部分,看看下面的运行框就足够了。不过这要用最新版的firefox(3.6a1)才能见效果。


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


接着下来看看-webkit-gradient这个CSS属性,用法来-moz-linear-gradient差不多,但有三点不同。第一个参数用来决定是线性渐变与放射性渐变,这里写linear就可以了。两个点值,一定要为left,right,top与bottom的两个,而且怎样组合也实现不了角度渐变。三是color-stop的偏移量一定为小数。


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


结语,这就是多种浏览器共存的带来的和谐局面,我宁愿IE实现完全垄断了。下一部分才是征途的开始,光IE处理滤镜失效的问题,就要动用table这个上古神器了。SVG,在上面的运框中,你们看到了,我还特意搞了一个小工具来创建这些特殊的对象……

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjydjw.html