在百度音乐 http-:--//m-usic.baidu.c-om/ 看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下：原文地址：
分类：
Web程序 时间：
2015-10-12 12:03:54
阅读次数：
187
圆角，border-radius: 1-4个数字/1-4个数字，前面是水平，后面是垂直，不给“/”表示水平和垂直一样，举例如下： 无标题文档 无标题文档 边框背景 无标题文档 线性渐变 无标题文档 可以...
分类：
Web程序 时间：
2015-10-12 10:44:21
阅读次数：
226
实现线性渐变 径向渐变自己新建的view中有一个drawRect：（cgrect）rect方法在这个方法里 可以通过画图 将内容显示在画板上（即最下边的view）渐变的方式分两种 ：1种是线性渐变 1种是径向渐变首先先看 线性渐变 1 设置图像的上下文2 获得颜色空间 说明他是什么类型的颜色3 .....
分类：
其他好文 时间：
2015-10-11 00:20:34
阅读次数：
237
CSS3 Gradient 分为linear-gradient（线性渐变）和radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有Mozilla（Firefox，Fl....
分类：
Web程序 时间：
2015-10-06 12:58:33
阅读次数：
316
色彩渐变 ： gradient（线性渐变 和 径向渐变）支持情况：IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+linear-gradient(to right,red,green) linear:渐变类型，radial为径向渐变to right ：渐变方向 ...
分类：
Web程序 时间：
2015-10-04 15:57:53
阅读次数：
227
语法：选择器{ background：linear-gradien(线性渐变的方向,起点颜色，终点颜色)； }第一个参数：[可选参数，默认从上到下] 线性渐变的方向：top,bottom,left,right,top left;第二个和第三个参数：起点颜色和终点颜色，其实中间可以插入更多的颜...
分类：
Web程序 时间：
2015-09-21 06:56:42
阅读次数：
150
CSS3 Gradient 分为linear-gradient（线性渐变）和radial-gradient（径 向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有Mozilla（Firefox，Fl...
分类：
Web程序 时间：
2015-09-20 11:58:22
阅读次数：
218
css3线性渐变可以设置3个参数值：方向、起始颜色、结束颜色。最简单的模式只需要定义起始颜色和结束颜色，起点、终点和方向默认自元素的顶部到底部。下面举例说明：CSS Code复制内容到剪贴板.test{ background:linear-gradient(red, blue); } ...
分类：
Web程序 时间：
2015-09-10 13:02:08
阅读次数：
243
background-image：chrome浏览器：线性渐变支持较好，径向渐变支持不太好~通过png背景透明的方法，来决定要显示的部分。background-origina和background-clip 的区别：background-clip ，指的是裁剪的位置。其图片的开始位置是已经固定的，不...
分类：
Web程序 时间：
2015-08-31 13:21:15
阅读次数：
175
渐变可以创建类似于彩虹的效果，低版本的浏览器不的不使开发者用图片来实现，CSS3将会轻松实现网页渐变效果。要得上面的线性渐变效果，我们这样去定义CSS3样式：background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firef...
分类：
Web程序 时间：
2015-08-21 21:01:00
阅读次数：
155
