CSS3のtransform-originに対するtranslate(-50%,-50%)の奇妙な効果は何ですか?
typecho
typecho 2017-06-08 11:02:26
0
1
963
リーリー

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

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

リーリー

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


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

typecho
typecho

Following the voice in heart.

全員に返信(1)
大家讲道理

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

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

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