100 Days of CSS
カーソルにくっついてくるタイプのアニメーション。正解と照らし合わせたいところ
- 波紋のように広がる輪っか。wrapperに作成してドットをabsoluteで中央配置?scaleで広げてopacityで消滅
→
:after
でborderをアニメーションさせてた。なるほど。 - カーソルへの追従の仕方が微妙に違う。真ん中からすい〜っとよっ的てすい〜っと帰る感じ
→ サンプルをinspectしたら画面全体がすごく小さなdivで埋め尽くされててそれぞれにtriggerというクラス名がついててとにかく根本的にアプローチが違うっぽいことはわかった。それぞれのtriggerごとに
transform: translate3d(70px, 10px, 0);
を設定して調整されてた。鬼か。すい〜っとやるなら確かにこうなるのかなあ