如何在css3中为body设置渐变？ [英] How set gradient top-right for body in css3?

问题描述

示例代码：



这是代码设置渐变top.how将gradeint更改为左上角？


body

{

filter：progid：DXImageTransform.Microsoft.gradient（startColorstr = white 100％，endColorstr = black 0％， GradientType = 1）;！important



-ms-filter：progid：DXImageTransform.Microsoft.gradient（startColorstr = white 100％，endColorstr = black 0％，GradientType = 1）;！重要

...

}

example code :

this is code set gradient top.how change gradeint to top-left?

body
{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white 100%, endColorstr=black 0%, GradientType=1 );!important

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white 100%, endColorstr=black 0%, GradientType=1);!important
...
}

推荐答案

示例

Example

A linear gradient from top to bottom:
#grad
{
background: -webkit-linear-gradient(red, blue); /* For Safari */
background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, blue); /* Standard syntax */
}

这篇关于如何在css3中为body设置渐变？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！