【零基础学习web前端】CSS3-渐变

Amy

【零基础学习web前端】CSS3-渐变

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

CSS渐变允许您在两个或多个指定颜色之间显示平滑过渡。
浏览器支持两种类型的渐变：
linear, 用linear-gradient()函数定义,
radial, 用radial-gradient()函数定义.

我们还定义颜色停止。颜色停止是渲染平滑过渡的颜色。我们必须指定至少两个停止颜色。

[HTML] 纯文本查看 复制代码

<div>苏飞论坛</div>

[HTML] 纯文本查看 复制代码

div {
    width: 100px; 
    height: 100px; 
    border: 1px solid rgb(51, 51, 51); 
    background: -moz-linear-gradient(top, blue, white); 
    background: -moz-linear-gradient(to bottom, blue, white); 
    background: -ms-linear-gradient(top, blue, white); 
    background: -o-linear-gradient(top, blue, white); 
    background: -webkit-linear-gradient(top, blue, white);
    }

如上图所示，从顶部到底部，蓝色到白色的渐变。

范范

我只是路过打酱油的。