文章詳情頁
transform - CSS3 transition在chrome下的BUG
瀏覽：185日期：2023-07-21 18:56:20
問題描述
一段很簡單的代碼：
p{width:100px;height:100px;background:red;transition:all .5s ease;}p:hover{transform:rotate(30deg);}
在chrome 45下,鼠標移動到p上時，偶爾會沒有過渡效果，而是直接旋轉到30度，離開的時候也會偶爾沒有過渡效果，直接回到0度。在firefox下卻沒有這個問題。
問題解答
回答1：.p{transition:all .3s ease}.p:hover{transition:all .3s ease;transform:rotate(360deg)}
鼠標經過時過渡，鼠標離開后也要寫過渡
回答2：寫的沒問題啊，更新瀏覽器吧
標簽：
CSS
相關文章：
1. boot2docker無法啟動2. docker-compose中volumes的問題3. docker容器呢SSH為什么連不通呢？4. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””5. java - SSH框架中寫分頁時service層中不能注入分頁類6. docker安裝后出現Cannot connect to the Docker daemon.7. node.js - antdesign怎么集合react-redux對input控件進行初始化賦值8. 關于docker下的nginx壓力測試9. nignx - docker內nginx 80端口被占用10. 老師，按tab鍵不起作用怎么回事
排行榜
網公網安備