日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

css3中translate(-50%,-50%)對 transform-origin的奇葩影響?

瀏覽:306日期:2023-06-18 13:11:06

問題描述

<style>#test{ width: 100px; height: 100px; background-color: red; transition: all 1s; position: absolute; left: 50%; top: 50%; margin-left: -50px; /*transform:translate(-50%,-50%);*/ transform-origin: 50% 50%;}#test:hover{ transform: scale(1.2, 1.2);} </style></head><body> <p id='test'></p></body>

當我使用 margin-left為負值的方法來居中對齊,然后鼠標hover的時候放大,中心點就是transform-origin設置的上下居中,沒有任何問題:css3中translate(-50%,-50%)對 transform-origin的奇葩影響?

可是當我使用 transform:translate(-50%,-50%)的居中對齊時:

<style>#test{ width: 100px; height: 100px; background-color: red; transition: all 1s; position: absolute; left: 50%; top: 50%; /*margin-left: -50px;*/ transform:translate(-50%,-50%); transform-origin: 50% 50%;}#test:hover{ transform: scale(1.2, 1.2);} </style></head><body> <p id='test'></p></body>

css3中translate(-50%,-50%)對 transform-origin的奇葩影響?

鼠標hover上去,放大的中心點貌似就跑到了 左上角,即使我設置了 transform-orgin,但是仍然不起作用,css3中translate(-50%,-50%)對 transform-origin的奇葩影響?

從控制臺來看,transform-origin 屬性是起了作用的。本人非常困惑為什么會這樣,請個人大佬指點迷津

問題解答

回答1:

很明顯的錯誤,hover 的時候把原有的 translate 覆蓋掉了

正確寫法如下

#test:hover{ transform: scale(1.2, 1.2) translate(-50%,-50%);}

標簽: CSS
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
美女视频黄久久| 一区二区亚洲精品| 日韩久久99| 日韩欧美久久| 欧美亚洲免费| 综合一区二区三区| 日韩在线麻豆| 日韩极品在线观看| 欧美精品国产白浆久久久久| 欧美天堂在线| 乱一区二区av| 日韩精品1区| 亚洲欧美日韩高清在线| 亚洲深夜福利| 日本精品久久| 麻豆高清免费国产一区| 国产欧洲在线| 欧美特黄一区| 日本欧美一区二区在线观看| 国产日韩欧美三级| 国产精品巨作av| 国产精品久久久久久久免费观看| 少妇久久久久| 最新国产精品久久久| 久久99免费视频| 99精品视频在线| 亚洲精品欧美| 97精品一区| 久久av在线| 国产精品永久| 久久久精品五月天| 亚洲无线观看| 美女国产一区二区三区| 久久久亚洲一区| 亚洲婷婷丁香| 免费一区二区三区在线视频| 欧美日韩在线二区| 人人精品久久| 国产 日韩 欧美一区| 美女久久一区| 久久成人福利| av亚洲免费| 日本特黄久久久高潮| www.com.cn成人| 在线精品亚洲| 国产一区二区三区天码| 午夜欧美理论片| 国产乱人伦精品一区| 欧洲亚洲一区二区三区| 日本不卡视频在线观看| 欧美aaaaaa午夜精品| 国产不卡人人| 亚洲日本久久| 日韩网站中文字幕| 日韩av成人高清| 欧美aa国产视频| 日本中文字幕一区二区视频 | 99pao成人国产永久免费视频| 日韩精品导航| 国产一区欧美| 精品视频91| 日本不卡一二三区黄网| 日韩精品久久久久久久电影99爱| 欧美影院精品| 欧美日韩水蜜桃| 国产欧美成人| 99热精品在线观看| 国产成人精品福利| 日韩高清成人在线| 国内精品福利| 精品久久99| 69堂精品视频在线播放| 亚洲免费激情| 色乱码一区二区三区网站| 日韩影片在线观看| 亚州av乱码久久精品蜜桃| 精品国产精品国产偷麻豆 | 欧美日韩一区二区三区四区在线观看| 今天的高清视频免费播放成人| 日本中文字幕不卡| 伊人成人网在线看| а√天堂8资源在线| 欧美亚洲色图校园春色| 亚洲综合日本| 91精品国产福利在线观看麻豆| 国产精一区二区| 午夜久久av| 免费一级片91| 在线国产一区二区| 日韩精品一卡| 国产精品原创| 国产精品主播在线观看| 中文字幕中文字幕精品| 美女一区网站| 福利一区二区| 美女视频黄久久| 国产精品永久| 国产色99精品9i| 亚洲精品成人一区| 国产视频亚洲| 国产精品美女久久久| 国产伊人精品| 久久国产小视频| 久久精品欧美一区| 日韩欧美精品综合| 国产不卡人人| 久久一区欧美| 国产精品久久久久久av公交车| 亚洲精品国产精品粉嫩| 老鸭窝毛片一区二区三区| 精品一区在线| 国产精品99一区二区| 99国产精品一区二区| 91欧美国产| 高清久久一区| 在线天堂中文资源最新版| 成人黄色av| 国产在线一区不卡| 精品国产99| 国产高清亚洲| 久久香蕉精品香蕉| 久久久久97| 精品视频高潮| 在线手机中文字幕| 日韩成人亚洲| 欧美日韩精品一区二区视频| 亚洲小说欧美另类婷婷| 免费观看久久av| 欧美日韩精品一本二本三本| 黑丝一区二区| 蜜臀久久久久久久| 一区二区不卡| 日韩超碰人人爽人人做人人添| 日本电影久久久| 国产精品嫩模av在线| 麻豆精品新av中文字幕| 精品国产乱码久久久| 亚洲永久av| 一区二区三区四区在线看| 午夜av一区| 影音先锋久久精品| 国产麻豆精品久久| 不卡一二三区| 国产午夜久久| 欧美一级网站| 国产一区二区三区不卡av| 亚洲性色av| 在线亚洲观看| 日本中文字幕一区二区视频 | 高清精品久久| 婷婷久久一区| 午夜精品影视国产一区在线麻豆| 国产欧美三级| 在线观看精品| 免费中文字幕日韩欧美| 日本少妇一区二区| 日韩综合在线| 国产一级一区二区| 国产探花在线精品一区二区| 成人一区而且| 一区在线免费观看| 欧美亚洲二区| 日韩在线中文| 99视频一区| 欧美日韩一区自拍| 欧美香蕉视频| 亚洲日产国产精品| 国产精品99视频| 久久高清一区| 欧美激情91| 一区二区亚洲精品| 国产精选久久| 亚洲高清成人| 欧美片网站免费| 成人羞羞视频播放网站| 免费一级片91| 97在线精品| 蜜臀a∨国产成人精品| 另类欧美日韩国产在线| 欧洲激情综合| 国产精品极品| 欧美日韩免费观看一区=区三区 | av不卡在线| 久久精品亚洲一区二区| 尤物网精品视频| 国产精品久久国产愉拍| 不卡中文字幕| 久久99高清| 中文字幕视频精品一区二区三区| 97精品国产一区二区三区 | 日韩高清在线不卡| 亚洲播播91| 91欧美极品| 亚洲精品888| 精品亚洲精品| 日韩精品视频网| 不卡中文字幕| 福利在线一区| 久久国际精品| 视频在线在亚洲|