背景色が変わりながらカードが拡大

• 新卒採用 | JR東日本https://recruit.jreast.co.jp/

カード全体が大きくなりつつ背景色も変わる複合アクションは、視覚的な優位性を高め、数ある選択肢の中から「これを選ぼうとしている」という確信をユーザーに与えます。ECサイトの商品一覧や記事リストなど、比較検討が行われる場面で有効です。実装上の注意として、カード拡大時に隣接するカードとの間隔が狭くなりすぎたり、重なり順（z-index）の不備で隣のカードの下に潜り込んだりしないよう設計が必要です。拡大時はz-indexを上げて最前面に表示させる処理が必須となります。