Javascript JQuery中文档加载时正文渐变的淡入_Javascript_Jquery_Html_Css

Javascript JQuery中文档加载时正文渐变的淡入

javascript jquery html css

Javascript JQuery中文档加载时正文渐变的淡入,javascript,jquery,html,css,Javascript,Jquery,Html,Css,所以我开始对我的网站进行编码，我希望在加载文档时，渐变背景会消失500毫秒左右。然而，无论我怎么尝试，我似乎都无法做到这一点以下是我目前的代码： $（函数（）{ $（'#gradient'）.css（'display'，'none'）.fadeIn（500） }); #渐变{ 背景：-webkit径向梯度（rgb（0,134255），rgb（0,62123））；背景：径向梯度（rgb（0，134，255），rgb（0，62，123））； } 欢迎尽量不要使主体本身褪色，而是使其内部的D

所以我开始对我的网站进行编码，我希望在加载文档时，渐变背景会消失500毫秒左右。然而，无论我怎么尝试，我似乎都无法做到这一点

以下是我目前的代码：

$（函数（）{
$（'#gradient'）.css（'display'，'none'）.fadeIn（500）
});
#渐变{
背景：-webkit径向梯度（rgb（0,134255），rgb（0,62123））；
背景：径向梯度（rgb（0，134，255），rgb（0，62，123））；
}

欢迎
尽量不要使主体本身褪色，而是使其内部的DOM元素褪色。
我创建了一个新的DIV层，称之为#gradient
，并将其设置为display none


$（函数（）{
$（'梯度'）.fadeIn（500）
});
#渐变{
位置：绝对位置；
左：0；
排名：0；
宽度：100%；
高度：100vh；
显示：无；
背景：-webkit径向梯度（rgb（0,134255），rgb（0,62123））；
背景：径向梯度（rgb（0，134，255），rgb（0，62，123））；
}

欢迎
尽量不要使主体本身褪色，而是使其内部的DOM元素褪色。
我创建了一个新的DIV层，称之为#gradient
，并将其设置为display none


$（函数（）{
$（'梯度'）.fadeIn（500）
});
#渐变{
位置：绝对位置；
左：0；
排名：0；
宽度：100%；
高度：100vh；
显示：无；
背景：-webkit径向梯度（rgb（0,134255），rgb（0,62123））；
背景：径向梯度（rgb（0，134，255），rgb（0，62，123））；
}

欢迎
您也可以使用。设置动画
JQuery：
$(document).ready(function(){

    $('#gradient').animate({ opacity: 1 }, 5000);       
});

CSS:
HTML:
您也可以使用。设置动画
JQuery：
$(document).ready(function(){

    $('#gradient').animate({ opacity: 1 }, 5000);       
});

CSS:
HTML:

请告诉我答案！这是正确的做法。对实际的主体
元素进行更改时要特别小心！这成功了！我想我无法将fadeIn（）函数传递给主体。我试着把梯度类放在一个div上，但是我忘了添加大小参数。谢谢快给我答复！这是正确的做法。对实际的主体元素进行更改时要特别小心！这成功了！我想我无法将fadeIn（）函数传递给主体。我试着把梯度类放在一个div上，但是我忘了添加大小参数。谢谢
<body>
   <div id="gradient">

    </div>
</body>