1、Firefox中的线性渐变 2、Webkit中的线性变化 3、Firefox中的放射渐变 其中shape使用一个关键字常量值,可以是circle或ellipse(默认值) 渐变开始点以及结束点,半径距离: inner-center与outer-center inner-radius与outer- ...
分类:
Web程序 时间:
2016-05-29 14:58:30
阅读次数:
201
创建放射渐变的方法是createRadialGradient()。与线性渐变相同,用createRadialGradient()方法可以创建基于画布的线性渐变,创建好的线性渐变可以用于填充路径、定义笔触等。...
分类:
Web程序 时间:
2015-01-07 09:23:54
阅读次数:
120
HTML5的canvas为我们提供了类似于CSS3中linear-gradient属性定义的渐变效果,用createLinearGradient()方法可以创建基于画布的线性渐变,创建好的线性渐变可以用于填充路径、定义笔触等。同时,HTML5也为我们提供了createRadialGradient()方法用于创建放射渐变,我们将在另一篇博文中详细介绍。...
分类:
Web程序 时间:
2015-01-06 10:02:24
阅读次数:
149
阴影效果通常用来表现光线投射在物体上的感觉,如果想制作一个如图5.19所示的文字光影效果,就可以使用背景的线性渐变进行构建。...
分类:
Web程序 时间:
2014-12-16 19:20:09
阅读次数:
203
filter:alpha(opacity=100,style=1)1、opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;2、style属性:设置渐变风格;0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。filter:alpha(opacity=opc...
分类:
其他好文 时间:
2014-11-04 14:37:37
阅读次数:
149