動きのあるバブルを背景に設定することができる「bubbly-bg」

 
水中の気泡のような動きのアニメーションを背景に設定することができるスクリプト「bubbly-bg」の忘備録。バブルの数やカラー・ブラーなどオプションも用意されておりカスタマイズも可能なスクリプトです。

bubbly-bg


  • クオリティの高いグラフを描画するjsライブラリ「Chart.js」
  • 【JS】要素をモーダルウィンドウに変化させる「cta.js」
  • input要素への入力を制御できるスクリプト「Cleave.js」
  • 非レスポンシブの要素をレスポンシブ化する「Reframe.js」
  • シンプルなチャートを実装できるライブラリ「Frappé Charts」
RELATED POSTS
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」
  • CSSだけでブルブル震えるエフェクトを実装できる「CSShake」
  • 【jQuery】チルトホバーエフェクトを実装できる「Tilt.js」
  • vue.jsを使用したプロジェクトをまとめたサイト「made with vue.js」
  • 無料で使用できる!450種類以上のラインアイコン「LineIcons」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
PICKUP
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • CSSで作成する吹き出しとデザインのアイデア
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】