文章详情页
transform - CSS3 transition在chrome下的BUG
问题描述
一段很简单的代码:
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. docker网络端口映射,没有方便点的操作方法么?2. dockerfile - [docker build image失败- npm install]3. 关于docker下的nginx压力测试4. 我在centos容器里安装docker,也就是在容器里安装容器,报错了?5. docker-machine添加一个已有的docker主机问题6. docker镜像push报错7. angular.js使用$resource服务把数据存入mongodb的问题。8. docker pull 错误?9. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下10. angular.js - angularJS ng-show的显示问题
排行榜