渐变是一种规律性很强的现象,这种现象运用在视觉设计中能产生强烈的透视感和空间感,是一种有顺序、有节奏的变化。渐变的形式给人很强的节奏感和审美情趣。渐变的形式,在日常生活中随处可见,在网页设计上渐变用的也不在少数。
对于现今的网页设计趋势来说,渐变的应用可能是最普遍的一种设计方式。从最开始简单的两色之间的渐变,发展到现在运用渐变制造出各种光感的高级应用,可以说在我们的网页设计中已经很难离开渐变这种设计方式。从应用的角度我们大体可以把界面分为应用类界面与效果类的界面。
网页设计中渐变的应用是设计师在设计过程中经常用到的,一个好的设计师在运用渐变的时候绝对不是选择了两个颜色两头一拉就完事,渐变在设计中是一个必不可少的基本功,所以好的设计师对渐变的使用必须要撑握的一个基本功。
小编在这里分享四种常用的CSS实现网页背景渐变代码:
一、从上往下渐变
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);
}
四、从上往下渐变
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);
(一品威客 SELU)
交易额: 128.29万元
无 |广东省 |深圳市 |南山区
交易额: 110.67万元
无 |浙江省 |温州市 |瓯海区
交易额: 101.38万元
工作室 |广东省 |东莞市 |东莞市
交易额: 83.31万元
公司 |广东省 |广州市 |天河区
成为一品威客服务商,百万订单等您来有奖注册中
价格是多少?怎样找到合适的人才?
¥1000 已有1人投标
¥1500 已有1人投标
¥1500 已有0人投标
¥100 已有0人投标
¥300 已有1人投标
¥3000 已有2人投标
¥200 已有1人投标
¥2000 已有1人投标