`

css背景渐变的技巧与方法

阅读更多
用css实现网页背景渐变的代码如下:

一、从上往下渐变

Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}

二、从左上至右下渐变

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

三、从左往右渐变

Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}

四、从上往下渐变

Example Source Code:
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"

分享到:
评论

相关推荐

    文字3D效果设计,css背景渐变色代码必备.rar

    本资源是一份名为《文字3D效果设计,css背景渐变色代码必备.rar》的压缩包,其中包含了一系列实用的CSS代码和设计技巧,可以帮助用户快速实现文字3D效果和背景渐变色设计。适用人群包括前端开发人员、网页设计师、UI...

    详解CSS背景渐变图片transtion过渡效果技巧

    主要介绍了详解CSS背景渐变图片transtion过渡效果技巧的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    CSS 渐变背景的6个演示代码

    CSS渐变背景的六个示例,个人觉得这是非常实用的一个常用技巧,不使用任何图片实现Div背景渐变,而且兼容IE和FF2,以后想要类似的效果,可有的参考了。

    css3实现背景动态渐变效果

    本次案例为(背景颜色渐变),运用css3就能实现背景颜色渐变的效果; HTML部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> 渐变——天际线</title...

    CSS设计指南

    随后4 章介绍了页面布局、界面组件,css3 圆角、阴影、渐变、多背景等视觉设计技巧,最后还对如何实现最前沿的响应式设计进行了通俗易懂的演示。  《css设计指南(第3版)》适合css 初中级读者阅读。

    CSS 网页文字渐变效果

    这里是一个简单的CSS技巧,它将向你展示使用一个png图片制作渐变文字的方法(纯CSS、无Javascript或Flash)。而你所需要的仅仅是在标题里面的一个空标签,它使用背景图片和position:absolute属性将标题覆盖。该技巧经...

    CSS设计指南-]Charles Wyke-Smith.pdf

    简介: 《图灵程序设计丛书:CSS设计指南(第3版)》是一本面向初中级读者...随后4章介绍了页面布局、界面组件,CSS3圆角、阴影、渐变、多背景等视觉设计技巧,最后还对如何实现最前沿的响应式设计进行了通俗易懂的演示。

    div+css技术收集

    javascript+css一张背景图片的不同切换,DIV背景图片变暗,CSS渐变色,设置div的透明背景,10个非常有用的CSS技巧,图片凸起效果,点击div背景图切换,动态背景

    JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)

    主要介绍了JS+CSS实现的漂亮渐变背景特效代码,包含6个渐变效果,涉及JavaScript针对页面元素属性动态操作的相关技巧,需要的朋友可以参考下

    JS实现进入页面时渐变背景色的方法

    主要介绍了JS实现进入页面时渐变背景色的方法,涉及javascript操作css控制背景色渐变的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics