CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSでアニメーション化された背景

@keyframesを使用してアニメーション化します。 CSSを使用してバックグラウンドでアニメーションを実装するには、次のコードを実行してみてください

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 400px;
            height: 300px;
            animation: myanim 3s infinite;
         }
         @keyframes myanim {
            30% {
               background: green bottom right/50px 50px;
            }
         }
      </style>
   </head>
   <body>
      <div></div>
   </body>
</html>

  1. CSSでフルスクリーンのビデオ背景を作成するにはどうすればよいですか？

    CSSを使用してフルスクリーンのビデオ背景を作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    * {       box-sizing: border-box;    }    body {

  2. CSSを使用してスクロールでグラデーションの背景色を作成するにはどうすればよいですか？

    スクロール時にグラデーションの背景色を作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style>    body {       height: 250vh;       color: white;       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;