首页 > 其他 > 详细

关于渐变。

时间:2016-01-16 11:41:46      阅读:108      评论:0      收藏:0      [点我收藏+]

关于渐变,我现在做的这个项目也只是用到了线性渐变。那我就说一下线性渐变吧,也许不想网上说的那么全,但是也是我的经验了。

关于渐变,在ie里面是不支持的。但是ie里面也是有他单独的让其渐变的属性,那就是filter;

好了,闲话不多说,直接上代码。

div{

background: -webkit-linear-gradient(#5EDA07, #167503); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#5EDA07, #167503); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#5EDA07, #167503); /* Firefox 3.6 - 15 */
background: linear-gradient(#5EDA07, #167503); /* 标准的语法 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=‘#5EDA07‘, endColorstr=‘#167503‘,GradientType=0 );

}

在你想让他渐变的那个地方的css里面加上这段话就行了,这是由上到下的渐变。#5EDA07是上部的颜色, #167503是最下面的颜色。

filter是ie自己独有的滤镜。

关于渐变。

原文:http://www.cnblogs.com/na-na/p/5135044.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!