ホームページ  >  に質問  >  本文

CSS3のtransform-originに対するtranslate(-50%,-50%)の奇妙な効果は何ですか?

リーリー

負のマージン左メソッドを使用して中心を揃え、マウスホバー時にズームインすると、中心点はtransform-originで設定された上下の中心になり、問題はありません。

#しかし、中央揃えにtransform:translate(-50%,-50%)を使用すると:

リーリー

マウスを上に置くと、拡大の中心点が左上隅に移動するように見えます。transform-orgin を設定しても、まだ機能しません。


コンソールからは、transform-origin 属性が機能します。なぜこのようなことが起こったのか非常に混乱しています、アドバイスをお願いします

typechotypecho2711日前982

全員に返信(1)返信します

  • 大家讲道理

    大家讲道理2017-06-08 11:04:26

    明らかな間違いですが、hover 的时候把原有的 translateそれをカバーしました

    正しい書き方は以下の通りです

    リーリー

    返事
    0
  • キャンセル返事