12

これはすでにどこかで回答されている可能性がありますが、少し検索してもまだ見つかりません。

背景画像を持つ一連の div があります。サイズは background-size:cover に設定されています。

しかし、ホバー時に画像を拡大して拡大できるようにしたいと考えています。このトランジションは、カバー属性では機能しないようです。実際には、画像はズームしますが、トランジション効果はありません。「カバー」から、この場合は 110% まで瞬時に変化します。元の background-size が 100% に設定されている場合は正常に動作します。

しかし、これでは、ページのサイズを変更すると、画像が div の後ろにいくらかタイル状に表示されるように見えますが、これは私が望んでいるものではありません。カバーは、私が望むものを常に中心に保ちます。

カバーまたは同じ効果で成長する際のトランジションの方法について、アドバイスをいただければ幸いです。

イルミオント

4

2 に答える 2