html5阴影颜色怎么弄渐变,HTML5阴影与渐变

一、阴影

阴影的效果,阴影有四个状态值控制,分别是shadowBlur,shadowOffsetX,shadowOffsetY和shadowColor。

shadowBlur为阴影的像素模糊值,

shadowOffsetX和shadowOffsetY为阴影在x轴和y轴上的偏移值,

shadowColor为阴影颜色值,

其中默认的值是前三个值都为0,最后一个值设置为透明黑色。只需修改其中的两个值就可以显现出来阴影效果

二、线性渐变

createLinearGradient(x1,y1,x2,y2)方法x1,y1渐变起始点,x2,y2渐变结束点

addColorStop()添加渐变颜色

三、径向渐变

createRadialGradient(x0,y0,r0,x1,y1,r1)方法

x0 渐变的开始圆的 x 坐标

y0 渐变的开始圆的 y 坐标

r0 开始圆的半径

x1 渐变的结束圆的 x 坐标

y1 渐变的结束圆的 y 坐标

r1 结束圆的半径

3e3296b3d20b3d4b683c255038c26383.png

原文:http://www.cnblogs.com/yanshanshuo/p/3905804.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值