1.createLinearGradient() 创建线性渐变 //Linear adj. 直线的 线性的 //Gradient n. 梯度 变化率 createLinearGradient(x1,y1,x2,y2)——颜色渐变的起始坐标和终点坐标 addColorStop(位置,"颜色值")——0 ...
分类：
其他好文 时间：
2017-02-18 17:18:24
阅读次数：
221
<!DOCTYPE html><html><head> <title>线性渐变</title> <style type="text/css"> div{ width: 150px; height: 150px; margin-top: 20px; } /*渐变分线性渐变和径向渐变 线性渐变：line ...
分类：
Web程序 时间：
2017-02-09 21:38:59
阅读次数：
185
css3渐变分为线性渐变(linear-gradient)和径向渐变(radial-gradient)。下面简单介绍下linear-gradient的应用。 以下都是在webkit内核浏览器下进行测试，firefox和opera只需更改下前缀即可，IE下则有特定的滤镜来实现。 以上就是基本语法。先看 ...
分类：
Web程序 时间：
2017-01-31 20:56:48
阅读次数：
544
1、渐变 Gradient：linear-gradient 线性渐变和 radial-gradient径向渐变 2、rgba(); 设置颜色和透明度，需要注意的是，所有用到颜色的地方，都可以使用这一属性值。比如设置border的颜色透明度 3、border-radius 圆角 语法：border-r ...
分类：
Web程序 时间：
2017-01-09 11:05:13
阅读次数：
165
background:-webkit-linear-gradient | radial-gradient (水平起点 垂直起点 , 颜色1 百分比%, 颜色2 百分比%, ... ,颜色N 100%);background:linear-gradient()//线性渐变background:radi... ...
分类：
Web程序 时间：
2017-01-06 00:54:19
阅读次数：
206
我们先来看一下效果图吧： 其实，就是一个颜色的线性渐变，使用CAGradientLayer很容易就能实现。由于代码很简单，就不做过多讲解了，直接看代码吧。 ...
分类：
其他好文 时间：
2017-01-01 12:38:40
阅读次数：
221
线性渐变：ie6以下不兼容 径向渐变：只支持firefox、Chrome和Safari 注意：background-image 可以写 background 我自己在网页中写的径向渐变兼容代码 ：firefox、chrome、IE10、IE10+、safari（background-image老式写 ...
分类：
Web程序 时间：
2016-12-21 18:27:37
阅读次数：
234
背景知识 线性渐变 linear-gradient 案例 background: linear-gradient(#fb3, #58a); 如果将这两个色标拉近一点，设置为background: linear-gradient(#fb3 20%, #58a 80%);那么真正的渐变只会出现在容器中间 ...
分类：
Web程序 时间：
2016-12-19 08:21:20
阅读次数：
264
代码块html页面:<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <title>css3Gradients</title></head><body> <divclass="grad-repeating-lg">重复的线..
分类：
Web程序 时间：
2016-12-16 20:01:44
阅读次数：
200
在qt中提供了三种渐变方式，分别是线性渐变，圆形渐变和圆锥渐变。如果能熟练应用它们，就能设计出炫目的填充效果。 线性渐变： 1.更改函数如下： void Dialog::paintEvent(QPaintEvent *){ QPainter painter(this); QLinearGradien ...
分类：
其他好文 时间：
2016-12-10 06:53:41
阅读次数：
180
