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

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

• 
  様々なスタイルのCSSを簡単に作れる「Generate CSS」
• 
  さまざまなスタイルのCSSボタンをコレクションした「Buttons」
• 
  【CSS】色々と使える疑似クラス:nth-child()の実用例
• 
  カエルのゲームでFlexboxを学べるサイト「Flexbox Froggy」
• 
  バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」

• 
  レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
• 
  2択のUIデザインから正しいデザインを選択していくゲーム「Can’t Unsee」
• 
  ラフな手書き風デザインのWebコンポーネント「Wired Elements」
• 
  ビューポートなどで要素の可視性を検出できる「Emergence.js」
• 
  UIデザインのスニペットがまとめられたサイト「CodeMyUI」
• 
  【CSS】CSSだけで作られた簡単に使えるアイコンセット