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

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

• 様々なホバーエフェクトを実装できる「imagehover.css」
• 立体感のあるアニメーションホバーエフェクト「Stack Motion Hover Effects」
• 【jQuery】ロールオーバー時にテキストをシャッフルさせる「chaffle.js」
• CSSグリッドレイアウトのコードを生成できるツール「Griddy」
• Webデザインの参考サイト | Web Design Clip - Webデザインクリップ -
• LP・ランディングページの参考サイト | Web Design Clip [L]

• 
  【2022年版】 無料で使えるフリーイラスト素材サイト41選（商用利用可）
• 
  【2022年版】漢字が使える日本語フリーフォント93選
• 
  無料で使える日本語・英語のかわいいフリーフォント20選
• 
  フォントを調べる時に役に立つツール・サイト10選
• 
  【2022年版】 無料で使えるフリー動画素材サイト15選
• 
  【2022年版】 無料で使えるフリー画像・写真素材サイト27選（国内/海外）