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

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

• 
  CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
• 
  CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
• 
  【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
• 
  音楽に合わせて要素を動かすことができる「Rythm.js」
• 
  【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」

• 
  ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
• 
  Webサイト・スマホアプリなどのUIデザインギャラリー「UIPatternHub」
• 
  【Webデザイン】魅力的な動きをするレスポンシブメニュー
• 
  様々なエフェクトを実装できるパーティクルエンジン「Proton」
• 
  ブロック要素をドラッグできるグリッドレイアウト「Muuri」
• 
  様々なホバーエフェクトを実装できる「imagehover.css」