84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
當我使用margin-left為負值的方法來居中對齊,然後滑鼠hover的時候放大,中心點就是transform-origin設定的上下居中,沒有任何問題:
可是當我使用 transform:translate(-50%,-50%)的居中對齊:
#滑鼠hover上去,放大的中心點貌似就跑到了 左上角,即使我設定了 transform-orgin,但仍然不起作用,
從控制台來看,transform-origin 屬性是起了作用的。本人非常困惑為什麼會這樣,請個人大佬指點迷津
Following the voice in heart.
很明顯的錯誤,hover的時候把原有的translate覆蓋掉了
hover
translate
正確寫法如下
#test:hover{ transform: scale(1.2, 1.2) translate(-50%,-50%); }
很明顯的錯誤,
hover
的時候把原有的translate
覆蓋掉了正確寫法如下