エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
画像を使わずCSSだけでシマシマ模様の枠線や区切り線を作る方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
画像を使わずCSSだけでシマシマ模様の枠線や区切り線を作る方法
シマシマ模様の枠線や区切り線に模様を作りたい場合、従来のCSSだと枠線の背景に縞模様の画像をリピート... シマシマ模様の枠線や区切り線に模様を作りたい場合、従来のCSSだと枠線の背景に縞模様の画像をリピートさせて作っていました。 しかし縞模様の画像を用意するのは面倒なうえに画像の作り方を間違えると縞模様がいびつになることもあります。 しかしCSS3で追加されたグラデーションプロパティを使うと簡単にそういう枠線も作れます。そこでここではシマシマ模様の枠線を作る方法について解説します。 しま模様の作り方 CSSだけでしま模様を作るにはCSS3で新たに追加されたrepeating-linear-gradient関数を使います。この関数の構文は次の通りです。 repeating-linear-gradient(方向, 開始色, 途中色..., 終了色) 方向には次の2つの形式の値を渡します。 角度