リッチなホバーエフェクト5種

マウスの入る角度によって、向きが変わり、立体的にhoverする

レスポンシブのメニュー、スマホ時にはバーガーになるが、動きがかわいい

ホバーでメニュー(ここではたぶんパンくず)が出現するが、この発想はなかった

カードが回転するときにグラデーションを与えることで、カードが立体的に見えるホバーエフェクト

ページが閉じるようにでてくる

 

 

ランディングページ 動き例

japan.2-wg.com/category/special/onepageonly/page/より

 

時間差発火
http://sankoudesign.com/category/singlepage/

 

https://blog.codecamp.jp/single_pageより

http://sankoudesign.com/category/singlepage/より


https://www.digitalstage.jp/campaign/bind/2017_summer/

https://daikanyamalaw.com/

http://japan.2-wg.com/category/special/onepageonly/もみたい

スクロール発火

Flexbox で全体を中央に配置しつつ最後の行を左揃えにする

グローバルナビをスクロール時に固定する方法