左から右に線が伸びる

• Alvis Consulting Grouphttps://alvis.or.jp/

テキストの下線が左から右へアニメーションして引かれる動きは、視線を自然に右（文章の進行方向）へと誘導します。静止した下線があるよりも「これから移動する」という動的なニュアンスが強まり、リンクであることを上品に主張します。擬似要素のwidthを0から100%にするか、scaleXを使用します。transform-origin: leftを設定することで左から伸び、ホバーアウト時にrightへ変更すると右へ消えていく設定にすると、一筆書きのような美しい余韻が残ります。