左から右に線が消える

• 小田急ハウジングhttps://www.odakyuhousing.co.jp/

最初から引かれている下線が、ホバーすることで左から右へ消えていく動きは、一般的な「下線が出る」動作の逆を行く、引き算のデザインです。既成概念を少し崩すことで、モードな雰囲気や、反骨精神のようなエッジを表現できます。実装はscaleXの1から0への遷移ですが、重要なのはホバーアウト時に再度線を出す際、逆から出すか同じ方向から出すかで印象が変わります。消える方向と出る方向を工夫することで、ループするアニメーションとしても楽しめます。