CSSとJavaScriptで実装できるメニューをまとめた「110 CSS Menu」

Webデザイン

2017/01/24　 2019/04/16

様々なバリエーションのメニューをまとめた「110 CSS Menu」がアイデア出し等で役に立ちそうなので忘備録。100種以上のメニューがありカテゴリー（Accordion・Circular・Dropdown・Fullscreen・Horizontal・Mobile・Off-Canvas・Side・Toggle・Sliding）も豊富なので、新しいアイデアが生まれるかも知れません。

110 CSS Menu

簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
CSSだけでブルブル震えるエフェクトを実装できる「CSShake」
【html】文字実体参照を一覧できる「html arrows」
【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」

【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
【CSS】スターウォーズのイントロを表現できるライブラリ「starwarsintro.css」
Webサイトのページ表示速度を測定できる無料サービスまとめ
【jQuery】背景画像のスライドショーを実装する「Vegas2」
背景にスクロールアニメーションを実装できる「Physics-Based Background Scroll Effects」
CSSで実装するボタンデザインとホバーエフェクトのアイデア