码迷,mamicode.com
首页 >  
搜索关键字:背景色渐变    ( 31个结果
CSS gradient渐变之webkit核心浏览器下的使用以及实例
一、关于渐变 渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方。例如,您可以指定一个这么一个渐变:顶部的颜色是红色,中间的是蓝色,底部为黄色来作为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
ie兼容CSS3渐变写法
在css3之前要想做背景色渐变就只能采用添加背景图片的方法,但是随着css3:linear-gradient属性的出现,就可以避免使用添加背景图片的方法,从而优化了性能。但是inear-gradient属性在ie9以下是无效的,但是可以采用ie滤镜的方法。 比如:黑色渐变到白色,代码如下: ie 滤 ...
分类:Web程序   时间:2016-10-11 11:52:30    阅读次数:308
CSS设置DIV背景色渐变
...
分类:Web程序   时间:2016-08-29 14:30:40    阅读次数:179
背景色渐变(兼容各浏览器)
.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
css中的背景色渐变以及背景图的定位
单纯的背景色渐变: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
CSS设置DIV背景色渐变显示
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
(转)css 背景色渐变兼容写法
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
31条   上一页 1 2 3 4 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!