背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」

 
背景や区切り線・フォントなどを背景パターンでキレイに装飾できるCSSライブラリ「pattern.css」の紹介です。CSSのみの軽量ライブラリでクラスを指定するだけでパターンを実装することができます。


pattern.css

チェック・グリッド・ドット・ライン・トライアングル・ジグザグといったパターンが用意されていて、small(sm)・medium(md)・large(lg)・extra large(xl)でパターンサイズを指定することもできます。

見出しなどの文字列や、イメージのコンテナにも適用できるので興味のある方はチェックしてみてください。以上、背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」の紹介でした。



  • 【CSS】色々と使える疑似クラス:nth-child()の実用例
  • 日本の契約書のためのCSSライブラリ「Keiyaku CSS」
  • 軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
  • 様々なホバーエフェクトを実装できる「imagehover.css」
  • anime.jsを使用したテキストエフェクト集「Moving Letters」
RELATED POSTS
  • キレイなアニメーションのCSSスピナーコレクション「Epic Spinners」
  • YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • クオリティの高いグラフを描画するjsライブラリ「Chart.js」
  • 無料で使用できる!450種類以上のラインアイコン「LineIcons」
  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 導入しておきたいWordPressのおすすめプラグイン
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • WordPressのおすすめテーマ19選【無料版・有料版】