gpt4 book ai didi

html - CSS未显示在HTML中

转载 作者:行者123 更新时间:2023-11-28 04:59:10 27 4
gpt4 key购买 nike

我试图创建一个渐变背景背景,但是当我将代码放在代码编辑器中时,什么都没有出现。有人能帮我吗 ?

css.css:

background: linear-gradient(23deg, #243b66, #246634, #242a66, #576624, #664324,      #662465, #245566, #663e24);
#background-size: 1600% 1600%;

#-webkit-animation: AnimationName 59s ease infinite;
#-moz-animation: AnimationName 59s ease infinite;
#-o-animation: AnimationName 59s ease infinite;
#animation: AnimationName 59s ease infinite;

@-webkit-keyframes AnimationName {
0%{background-position:0% 57%}
50%{background-position:100% 44%}
100%{background-position:0% 57%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 57%}
50%{background-position:100% 44%}
100%{background-position:0% 57%}
}
@-o-keyframes AnimationName {
0%{background-position:0% 57%}
50%{background-position:100% 44%}
100%{background-position:0% 57%}
}
@keyframes AnimationName {
0%{background-position:0% 57%}
50%{background-position:100% 44%}
100%{background-position:0% 57%}
}


html.html:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>

</body>
</html>

最佳答案

它的工作正常。

我希望您能了解css文件中缺少的内容。



body{
background: linear-gradient(23deg, #243b66, #246634, #242a66, #576624, #664324, #662465, #245566, #663e24);
background-size: 1600% 1600%;
-webkit-animation: AnimationName 59s ease infinite;
-moz-animation: AnimationName 59s ease infinite;
-o-animation: AnimationName 59s ease infinite;
animation: AnimationName 59s ease infinite;
}

@-webkit-keyframes AnimationName {
0%{background-position:0% 57%}
50%{background-position:100% 44%}
100%{background-position:0% 57%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 57%}
50%{background-position:100% 44%}
100%{background-position:0% 57%}
}
@-o-keyframes AnimationName {
0%{background-position:0% 57%}
50%{background-position:100% 44%}
100%{background-position:0% 57%}
}
@keyframes AnimationName {
0%{background-position:0% 57%}
50%{background-position:100% 44%}
100%{background-position:0% 57%}
}

<!DOCTYPE html>
<html>
<head>
<title>Body Background</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>

<!-- This is body area -->

</body>
</html>

关于html - CSS未显示在HTML中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40205416/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com