【CSS】斜線(斜めストライプ)イメージを簡単に作る

  • CATEGORY : WEB関連

自分用のメモで(´・ω・`)b

CSSだけで、斜線(斜めストライプ)背景イメージを作る方法を公開してる方がいまして、便利でしたので早速使わせていただいてます(´・ω・`)

完成イメージはこんな感じに(´・ω・`)

各%表記のところに指定してる色情報を変更すれば任意のストライプイメージを作り出せます

詳しい解説は参照リンク先のサイトさまへ見に行ってみてくださいませ

いままでは、斜線デザインの画像ファイルを背景画像として呼び出していたので、このCSSの仕様は作業がかなり楽になりますし、表現が面白いなーっと思いましたヽ(´ー`)ノ

参照サイト:

記事TAG :


Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

Twitter

MeteorDrive ネコノ

戦略的な提案型デザイナーとして日夜奮闘しています( ゜д゜)ノ

詳細情報はこちら

PICKUP ENTRY

ENTRY RANKING