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

虹色の線形グラデーション

虹色のような線形グラデーションを作成するには、次のコードを実行してみてください\

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 100px;
            background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
         }
      </style>
   </head>
   <body>
      <h2>Linear Gradient</h2>
      <div id = "demo">Rainbow</div><br>
   </body>
</html>

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

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

  2. HTML5で線形グラデーションを描画する方法は？

    このメソッドは、引数で表される座標で指定された線に沿って描画される線形グラデーションを表すCanvasGradientオブジェクトを返します。 4つの引数は、グラデーションの開始点（x1、y1）と終了点（x2、y2）を表します。 createLinearGradient(x0, y0, x1, y1) ここにcreateLinearGradient（）メソッドのパラメータ値があります- S.No パラメータと説明 1 x0 x座標-グラデーションの開始点 2 y0 y-座標-グラデーションの開始点 3 x1 x座