火狐浏览器: background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5)); 谷歌: .l6{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF0000), to ...
分类:
Web程序 时间:
2017-10-26 16:53:15
阅读次数:
283
http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html background: -moz-linear-gradient(top, #ace, #f96); background: -webkit-linea ...
分类:
Web程序 时间:
2017-10-17 15:47:45
阅读次数:
195
1、阴影 shadowColor 阴影颜色 shadowOffsetX 阴影x轴的偏移量 shadowOffsetY y轴偏移量 shadowBlur 模糊像素 2、渐变,由canvasGradient实例表示。 (1)线性渐变createLinearGradient(起点x,起点y,终点x,终点y ...
分类:
其他好文 时间:
2017-10-11 00:50:54
阅读次数:
141
css3中的线性渐变 线性渐变公式: background-image: linear-gradient( [ <angle> | <side-or-corner> ]?, <color-stop> [, <color-stop>]+ ); 意为:(角度deg或者方位词,一个或多个渐变颜色关键结点( ...
分类:
Web程序 时间:
2017-10-10 20:40:53
阅读次数:
184
一、页面制作: 1、图像处理部分: ● 可以用“魔棒工具”判断背景是否为线性渐变。 ● 需要切出的图片分为两类: 1.修饰性图片(一般用在background属性):图标、Logo;有特殊效果的按钮、文字等;非纯色的背景等。 2.内容性图片(一般用在img标签):Banner、广告图片;文章中的配图 ...
分类:
其他好文 时间:
2017-09-24 22:20:30
阅读次数:
198
一.分类 a>线性渐变 b>径向渐变 1.线性渐变语法: ...
分类:
Web程序 时间:
2017-09-19 00:21:23
阅读次数:
316
布局实现: 1. 在res中建立drawable文件夹。 2. 在drawable文件夹中建立shape.xml。 3. shape.xml的代码如下: 4. shape的值有四种:rectangle-矩形;oval-椭圆;line-线;ring-环。 5. angle的值:从左到右为0;然后逆时针 ...
分类:
移动开发 时间:
2017-09-12 20:46:22
阅读次数:
232
1、css3渐变 1)线性渐变(兼容性写法) background:linear-gradient(to right top, #fff, #000 ); //标准写法 background:-webkit-gradient(linear,left bottom, right top, from(# ...
分类:
Web程序 时间:
2017-09-12 17:47:51
阅读次数:
155
前面的话 本文将通过多种方式实现纹理文本的效果 背景裁切 对于实现纹理文本的效果,脑海中最直接能想到的办法可能是背景裁切background-clip 使用线性渐变来填充文本背景 下面使用一张枫叶的背景,来制作纹理文本 当然了,放一张动态gif图,也是没问题的 如果想要让填充动起来,可以通过anim ...
分类:
其他好文 时间:
2017-09-10 19:45:39
阅读次数:
138
前面的话 给SVG元素应用填充和描边,除了使用纯色外,还可以使用渐变。本文将详细介绍SVG渐变 线性渐变 有两种类型的渐变:线性渐变和径向渐变。必须给渐变内容指定一个id属性,否则文档内的其他元素不能引用它。为了让渐变能被重复使用,渐变内容需要定义在<defs>标签内部,而不是定义在形状上面 线性渐 ...
分类:
其他好文 时间:
2017-09-08 22:57:19
阅读次数:
203