你可以将STYLE放在BODY里啊.如冲孝下:
游判孙
不过,只有IE支持就是了.要想所有浏览器都支持的比较好,建议用图片当背景~
//可以用CSS属性linear-gradient,都可以,多种颜色一点问题都没有。
/* Firefox 3.6◆ */
background: -moz-linear-gradient(left, #ace, #f96, #ace, #f96, #ace);
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, left top, right top, from(#ace), color-stop(0.25, #f96), color-stop(0.5, 前卖#ace), color-stop(0.75, #f96), to(#ace));
/* Safari 5.1◆, Chrome 10◆ */
background: -webkit-linear-gradient(left, #ace, #f96, #ace, #f96, #ace);
/* Opera 11.10◆ */
background: -o-linear-gradient(left, #ace, #f96, #ace, #f96, #ace);
CSS(层纤悔启叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准毁如通用标记语言的一个子集)等文件样式的计算机语言。
在background-image属性中使用linear-gradient()。
background-image: [ , ]
= | none
默认值:none
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
取值:
none:无背景图。
:使用绝对或相对地址伏隐指或者创建渐变色来确定图像。
= linear-gradient([ [ | to ] ,]? [, ]◆)
= [left | right] || [top | bottom]
= [ |
]?
下述值用来表示渐变的方向,可以使用角度或者关键字来设置:
:
用角度值指定渐变的方向(或乎州角度)。
to left:
设置渐变为从右到左。相当于: 270deg
to right:
设置渐变从左到右。相当于: 90deg
to top:
设置渐变从下到上。岁厅蔽相当于: 0deg
to bottom:
设置渐变从上到下。相当于: 180deg。这是默认值,等同于留空不写。
用于指定渐变的起止颜色:
指定颜色。
用长度值指定起止色位置。不允许负值
用百分比指定起止色位置。
说明:
用线性渐变创建图像。
如果想创建以对角线方式渐变的图像,可以使用 to top left 这样的多关键字方式来实现。
background: #000000;
background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%);
background: -o-linear-gradient(top, #000000 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%);
background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000'橡知, endColorstr='缺燃#ffffff',GradientType=0 );
使用css3可以做。伏如虚
以上就是土嘎嘎小编大虾米为大家整理的css背景渐变动画相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!