transform - CSS3 transition在chrome下的BUG

 望空心vn 发布于 2022-11-05 19:00

一段很简单的代码:

p{width:100px;height:100px;background:red;transition:all .5s ease;}
p:hover{transform:rotate(30deg);}

在chrome 45下,鼠标移动到p上时,偶尔会没有过渡效果,而是直接旋转到30度,离开的时候也会偶尔没有过渡效果,直接回到0度。在firefox下却没有这个问题。

2 个回答
  • 写的没问题啊,更新浏览器吧

    2022-11-12 01:55 回答
  • .p{transition:all .3s ease}
    .p:hover{transition:all .3s ease;transform:rotate(360deg)}

    鼠标经过时过渡,鼠标离开后也要写过渡

    2022-11-12 01:55 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有