ホバー連動でラインがスッと現れる

• soinehttps://www.nikkei.com/promotion/education/

カードやテキストにカーソルを合わせると、要素の下部などにラインがフェードインするように現れるインタラクションです。「伸びる」という動きを排除し、その場にスッと表示させることで、過度な装飾感を抑えた誠実で洗練された印象を与えます。信頼感や落ち着きを重視するメディアサイトにおいて、視覚的なノイズを最小限にしつつ、選択状態を的確に伝えるのに最適です。実装はCSSの擬似要素に対し、ホバー時にopacityを0から1へ変化させて制御します。