一、关于渐变 渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方。例如,您可以指定一个这么一个渐变:顶部的颜色是红色,中间的是蓝色,底部为黄色来作为div的背景色。渐变通过-webkit-gradient方法实现,可 ...
分类:
Web程序 时间:
2017-02-04 15:17:29
阅读次数:
299
鼠标移上去 卷角 思路 1 鼠标一上去 左上角出现一个 矩形 矩形先定好位置 2 处理一下看上去更像 加动画过渡 3 处理一下样式 把小矩形 背景色渐变 圆角 完美 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片卷边</ti ...
分类:
其他好文 时间:
2016-11-30 17:20:14
阅读次数:
145
在css3之前要想做背景色渐变就只能采用添加背景图片的方法,但是随着css3:linear-gradient属性的出现,就可以避免使用添加背景图片的方法,从而优化了性能。但是inear-gradient属性在ie9以下是无效的,但是可以采用ie滤镜的方法。 比如:黑色渐变到白色,代码如下: ie 滤 ...
分类:
Web程序 时间:
2016-10-11 11:52:30
阅读次数:
308
.content{ width:100%; height:600px; background: #179aac; background: -moz-linear-gradient(top, #179aac 0%, #19bea0 100%); background: -webkit-g...
分类:
其他好文 时间:
2015-12-21 15:35:02
阅读次数:
136
单纯的背景色渐变:background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(1, #ddd)); background: linear-gradient(to bottom, #fff 0px,...
分类:
Web程序 时间:
2015-12-03 13:18:47
阅读次数:
122
.x-panel-body {/*背景渐变*/ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F8F8F6,endColorStr=#CBC6BD); /*IE ...
分类:
其他好文 时间:
2015-08-05 12:12:58
阅读次数:
118
google模式下:ie模式下:火狐模式下:FILTER(ie模式);background:-moz-linear-gradient(火狐模式);background:-webkit-gradient(谷歌模式)。以上是为了区别不同浏览器的不同效果,我把色码区别开了。为了兼容所有浏览器的相同效...
分类:
Web程序 时间:
2015-07-27 10:49:34
阅读次数:
210
两段代码,首先是使用方法 01 CGContextRef context = UIGraphicsGetCurrentContext(); 02 ????NSArray *colors = [NSArray arrayWithObjects: 03 ???????????????????????[UIColor ...
分类:
其他好文 时间:
2015-06-23 18:25:15
阅读次数:
144
css3:linear-gradient比如:黑色渐变到白色,代码如下:.gradient{ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(lin...
分类:
Web程序 时间:
2015-05-27 20:41:57
阅读次数:
140