背景色,除了纯色以外,还能够使用多种颜色组合成为渐变背景色,使页面丰富。 渐变背景分为两种: 1、线性渐变; 2、环形渐变; 线性渐变 线性渐变分为:横向、纵向、对角渐变三种渐变 语法: <linear-gradient> = linear-gradient ...
最近在项目中,有很多地方都用到了线性渐变,比如:表单提交按钮的背景,数据展示的标题背景等等,按照以前的做法是切 px 图片然后 repeat x。下面我将介绍如何用 css 来完成该效果。 css :linear gradient 比如:黑色渐变到白色,代码如下: 说明:linear gradient 具体用法点此进入。 ie 滤镜:filter linear gradient 在 ie 以下是不 ...
2014-05-29 14:28 0 31061 推荐指数:
背景色,除了纯色以外,还能够使用多种颜色组合成为渐变背景色,使页面丰富。 渐变背景分为两种: 1、线性渐变; 2、环形渐变; 线性渐变 线性渐变分为:横向、纵向、对角渐变三种渐变 语法: <linear-gradient> = linear-gradient ...
1 背景色渐变 2 背景色 透明 还有背景色rgb的最后一个变量是可以控制透明度的。 3 ie渐变 参考网址:http://www.qttc.net/201304316.html; CSS3新加特性gradient可以实现背景 ...
...
...
使用CSS linear-gradient() 函数: background: linear-gradient(to left, #6FB6C2, #6FC278); to left:从右到左渐变。 背景效果: ...
IE 不支持透明背景色 使用fileter ...
1. 背景色渐变 A . linear-gradient:用线性渐变创建图像。 语法:<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? < ...
<style type="text/css"> .linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType ...