CSSでHTMLに表示されない

グラデーションの背景の背景を作成しようとしていますが、コードエディタにコードを入力しても何も表示されません。誰か助けてくれますか？CSSでHTMLに表示されない

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>

出典

2016-10-23 6623ms

あなたは 'ボディ{...}'で最初の7行を囲む必要があります。 – Ahmad

背景：直線勾配」（開かれていますが閉じていません。 – Bandi

@ Irfan434画像は表示されますが、動いていません。「 – 6623ms

その作業罰金。

あなたはCSSファイルで何が欠けているのか理解できることを願っています。

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

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

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

 
    <!-- This is body area --> 
 
    
 
</body> 
 
</html>

出典

2016-10-23 17:25:51

答えて

関連する問題