width: 100% からトランジションするとトランジションがジャンプするのはなぜですか?
P粉769045426
P粉769045426 2023-09-13 14:24:30
0
2
427

この問題を再現するために JSFiddle を作成しました。

グリッド要素をホバー時に拡大させようとしていますが、別のグリッド要素の下に入り、予想どおりにジャンプするという奇妙な問題が発生します。

なぜこのようなことが起こるのでしょうか?解決する方法はありますか?

リーリー リーリー

P粉769045426
P粉769045426

全員に返信 (2)
P粉613735289

この効果については詳細な記事を書きました。CSS グリッドを使用してこの効果を実現する方法を学ぶためにぜひ読んでください:https://css-tricks.com/zooming-images-in -a-グリッドレイアウト/######

リーリー リーリー

いいねを押す+0
    P粉189606269

    Flexbox とflex结合使用> 短縮プロパティ:

    を組み合わせることができます。 リーリー ###それを試してみてください:###

    リーリー リーリー

    いいねを押す+0
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!