スポンサーリンク
スポンサーリンク

グラデーションの繰り返しを指定する

グラデーションは繰り返して表示することができます。線形グラデーションを表示たいなら、repeating-linear-gradient()関数を、円形グラデーションはrepeating-radial-gradient()関数を使います。()内の引数は、どちらも繰り返さない時と同じです。

画像を扱えるプロパティすべてに指定できることに仕様上なってますが、Firefoxとか古いブラウザだと、background-image,backgroundプロパティにのみ適用されている点を頭の片隅に入れた方がいいです。

サンプルコードの実行結果はこちら

コメント

タイトルとURLをコピーしました