線が下に伸びる

• 堅田電機株式会社https://www.katata.co.jp/

垂直なラインが上から下へ伸び縮みするアニメーションは、視線を強制的に下方向へ誘導し、「続きがある」ことを無言語で伝えます。シンプルで洗練されているため、どんなデザインテイストにも馴染む、スクロール誘導のデファクトスタンダードです。擬似要素のheightやscaleYをアニメーションさせます。線が伸びきった後に消えて、また上から伸びてくるループにすることで、水滴が落ちるような絶え間ない流れを感じさせ、ユーザーのスクロール行動を自然に促します。