複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」

codropsで公開されてるエフェクトのチュートリアルがステキだったので忘備録。複数のレイヤーをイージングで追随するアニメーションのように見せたスタイリッシュなエフェクトです。

• 
  立体感のあるアニメーションホバーエフェクト「Stack Motion Hover Effects」
• 
  【jQuery】要素をふわふわ動かすプラグイン「jqFloat.js」
• 
  スライドアニメーションで展開するグリッドメニュー「Expanding Grid Menu」
• 
  リアルな水滴を表現できる「Rain & Water Effect Experiments」
• 
  【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」

• 
  Google Mapのスタイルテンプレート「Snazzy Maps」
• 
  Webサイト・スマホアプリなどのUIデザインギャラリー「UIPatternHub」
• 
  Webサイトのページ表示速度を測定できる無料サービスまとめ
• 
  【jQuery】要素をふわふわ動かすプラグイン「jqFloat.js」
• 
  YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」
• 
  アニメーションアイコンのライブラリ「60 Free Animated Icons」