CSS3 渐变色彩
2017-05-09 14:47
148 查看
CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同，这里我们只针对线性渐变的 W3C 标准语法来分析其用法：
参数：
第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示：
第一个参数省略时，默认为“180deg”，等同于“to bottom”。
第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。
background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
效果图：
参数：
第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示：
第一个参数省略时，默认为“180deg”，等同于“to bottom”。
第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。
background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
效果图：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何通过CSS3实现背景图片色彩的梯度渐变
- CSS3颜色：RGBA、渐变色彩
- css3 渐变色彩(Gradient)
- HTML5+CSS3-第三节(文本对齐方式、文本修饰线、设定文本大小写、文本阴影、盒子阴影、盒子倒影、渐变色彩、)
- ——CSS3新特性（阴影、动画、渐变）
- CSS3新增Hsl、Hsla、Rgba色彩模式以及透明属性（转）
- CSS3背景色渐变（各浏览器）
- 纯CSS3文字 渐变内发光投影效果
- CSS3 黑科技 - 内凹圆角 - 径向渐变实现
- 再说CSS3渐变——线性渐变
- CSS3 -webkit-transition(属性渐变)
- 技能GET-使用CSS3渐变实现单一元素多颜色展示
- 第97天：CSS3渐变和过渡详解
- 制作渐变图片：《CSS3 Gradient》
- css3渐变生成器网页
- 再说CSS3渐变——线性渐变
- css3创建一个上下线性渐变色背景的div
- CSS渐变之CSS3 gradient在Firefox3.6下的使用
- CSS3----渐变主流浏览器支持