CSS3 渐变(gradients)可以在两个或多个指定的颜色之间显示平稳的过渡。CSS3 定义了两种类型的渐变(gradients):线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向径向渐变(Radial Gradients)- 由它们的中心定义一、线性渐变:为了创...
分类:
Web程序 时间:
2015-07-20 01:18:48
阅读次数:
173
之前我们使用了css实现普通背景渐变,这次来使用渐变和动画实现动态流光文字效果。需要的标签:-webkit-gradient和-webkit-background-clip,其他浏览器兼容前缀请自改。-webkit-gradient是webkit内核浏览器的线性渐变,方法可自行百度(可参考http:...
分类:
其他好文 时间:
2015-07-19 23:08:33
阅读次数:
134
在没有了解css也可以做背景渐变以前,我都是通过PS一张背景渐变的图片来应用到自己所做的网页中。然而,在前不久我了解到css3也可以做背景渐变后,想要做背景渐变的效果就很容易了许多,下面是一些css3做背景渐变的方法。一.线性渐变//自上而下的线性渐变div{width:400px;height:1...
分类:
Web程序 时间:
2015-07-19 11:43:46
阅读次数:
561
一、前言 很久之前就了解过CSS3的线性渐变(Linear-Gradient),这段时间决定进一步认知这一特性,以下笔记以便日后查阅。二、CSS3的各种背景渐变 1. 线性渐变 示例——七彩虹 ...
分类:
Web程序 时间:
2015-07-18 12:28:10
阅读次数:
138
这几天看了一本HTML5的书,里面对于页面的背景使用了大量的渐变效果,因此在这里写一些关于渐变Gradient的东西。CSS3中的Gradient有两种,分别是线性渐变(linear-gradient)和径向渐变(radial-gradient),下面分别是线性与径向渐变的效果(用Flash画的,习...
分类:
Web程序 时间:
2015-07-16 21:39:09
阅读次数:
706
ios开发:Quartz-2D、基本图形(椭圆、矩形)/曲线(贝塞尔曲线)绘制、其他上下文(CGContextRef)、填充模式(马赛克瓷砖效果)、颜色渐变(线性渐变、非线性渐变)、视图刷新(选择器、[UIImageView setNeedDisplay])
分类:
移动开发 时间:
2015-07-13 06:25:18
阅读次数:
138
渐变是填充的一种相当不错的效果,结合实例2和实例3,我们可以创建一个渐变的矩形 4 不解释了,记住fillRect(X,Y,Width,Height)就行了。
分类:
其他好文 时间:
2015-07-07 12:42:52
阅读次数:
68
渐变分为2类
1:线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向
2:径向渐变(Radial Gradients)- 由它们的中心定义
3:对角渐变
4:角度渐变
下面是我写的代码
div{float: left;width: 100px;height:100px;}
.odiv1{
background:-moz-linear-g...
分类:
Web程序 时间:
2015-06-11 17:09:05
阅读次数:
382
css3的gradient分为两种:线性渐变(linear)和径向渐变(radial)。一、线性渐变linear-gradientlinear-gradient([设置方向],[设置开始颜色],[设置多种过度颜色],[设置结束颜色])参数:第一个参数:指定渐变方向,可以用“角度”的关键字或“英文”来...
分类:
Web程序 时间:
2015-05-30 21:01:08
阅读次数:
151