CSS实例代码:网页背景渐变

sos5003

sos5003

2016-02-20 00:11

今天图老师小编要跟大家分享CSS实例代码:网页背景渐变,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

网页背景渐变是经常用到的效果,下面用的滤镜,当然在非IE下是没效果的。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

一、从上往下渐变

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
body{
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)";
}

二、从左上至右下渐变

body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); }
background-color: skyblue;
}

三、从左往右渐变

body{
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000)";}
展开更多 50%)
分享

猜你喜欢

CSS实例代码:网页背景渐变

Web开发
CSS实例代码:网页背景渐变

网页背景渐变效果代码

Web开发
网页背景渐变效果代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用CSS来控制网页背景

Html CSS布局 Div+CSS XHTML
用CSS来控制网页背景

网页设计中如何让CSS控制网页背景?

Web开发
网页设计中如何让CSS控制网页背景?

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页头部css代码优化实例

Web开发
网页头部css代码优化实例

网页背景设计技巧

Web开发
网页背景设计技巧

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

WinPE安装Win8企业版及缺少所需介质驱动解决办法

WinPE安装Win8企业版及缺少所需介质驱动解决办法

CSS教程:expression在Chrome的问题

CSS教程:expression在Chrome的问题
下拉加载更多内容 ↓