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

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

• 
  イメージを見ながら学べるCSS GRIDのチートシート「GRID」
• 
  CSSグリッドレイアウトのコードを生成できるツール「Griddy」
• 
  【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
• 
  メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
• 
  【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」

• 
  さまざまなスタイルのCSSボタンをコレクションした「Buttons」
• 
  ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
• 
  CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
• 
  【jQuery】サイドバーをスライドで表示できるSimple Sidebar
• 
  レスポンシブデザインでのロゴパターン「responsivelogos」
• 
  イメージを見ながら学べるCSS GRIDのチートシート「GRID」