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

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


CSS Section Separator Generator

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

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



  • 【CSS】CSSだけで作られた簡単に使えるアイコンセット
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
  • スクリーンショットにブラウザ枠をつけてくれるWebツール「Screely」
  • ロゴやイラストの配色パターンをAIが生成してくれる「Color Wheel」
  • ロゴ作成が簡単にできるロゴジェネレーター12選【無料・低価格】
RELATED POSTS
  • パララックス効果がキレイなスライダー「PIGNOSE ParallaxSlider」
  • 【CSS】CSSだけで作られた簡単に使えるアイコンセット
  • input要素への入力を制御できるスクリプト「Cleave.js」
  • 英語フォントの組み合わせをコレクションした「Fonts That People Actually Use」
  • 【jQuery】商品一覧ページなどで効果的に使える「Product Preview Slider」
  • 無料で使用できる!450種類以上のラインアイコン「LineIcons」
RECENT POSTS
  • ロゴ作成が簡単にできるロゴジェネレーター12選【無料・低価格】
  • 長いURLを短くするおすすめの短縮URLサービス8選
  • 【2020年版】Photoshopのブラシを追加する方法
  • Photoshopの代用になる無料で使える画像編集・加工ツール
PICKUP
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • CSSで作成する吹き出しとデザインのアイデア
  • 導入しておきたいWordPressのおすすめプラグイン
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)