セクションの区切りをデザインできる「CSS Section Separator Generator」

HTMLとCSSでセクションの区切りを直感的にデザインできる「CSS Section Separator Generator」の紹介です。セクションの区切りのデザインをパラメーターを操作し直観的に作成することができます。


CSS Section Separator Generator

デザインは斜めライン・半円・波ライン・ギザギザ・三角・曲線の6つが用意されていて、SETTINGのパラメーターを操作しカスタマイズします。カスタマイズ後はHTML・CSSのコピペで簡単に実装できます。

直感的な操作で作成できる便利なジェネレーターです。以上、セクションの区切りをデザインできるジェネレーター「CSS Section Separator Generator」の紹介でした。


  • バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • 【CSS】CSSだけで作られた簡単に使えるアイコンセット
  • デバイスごとのスクリーンショットを一括生成「Responsive Screenshots」
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
RELATED POSTS
  • 音楽に合わせて要素を動かすことができる「Rythm.js」
  • ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
  • SVGで背景パターンを作成できる「Hero Patterns」
  • 英語フォントの組み合わせをコレクションした「Fonts That People Actually Use」
  • アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
  • input要素への入力を制御できるスクリプト「Cleave.js」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」