CSS3的背景background,运用时一般会选择插入背景图,以及运用背景色,在设置背景色时,有一种特殊的效果,就是颜色渐变
CSS3为背景提供了渐变支持,通过调用linear-gradient实现
linear-gradient(方向,颜色1,颜色2,...)
颜色将会从颜色1渐变到颜色2,方向一般有如下几个值
- to top 向上
- to bottom 向下
- to left 向左
- to right 向右
- 以上四种任意两两组合
- Xdeg 精确的角度值,X为具体角度,配合deg来实现网页设计中的角度表达
颜色渐变使用较为简单,只需要利用linear-gradient函数就可实现
<head>
...
<style type="text/css">
div{
height:300px;
width:300px;
}
</style>
</head>
<body>
<div id="dvl" style="background:linear-gradient(to top,#000,#fff)"></div>
</body>
将会创造出一个从底向上,从黑到白的背景