一人前端 2015-02-26 15:05 采纳率: 0%
浏览 5727

CSS3中的transition在火狐浏览器中的细微抖动是怎么回事??

<!DOCTYPE html>
<html>
<head>
    <title>Local</title>
</head>
<style type="text/css">
*{padding: 0;margin: 0}
.piont{width: 20px;height: 20px;border-radius: 50%;background: red;margin-top: 200px;margin-left: 200px;border: 6px solid #999;-moz-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}
.piont:hover{border: 20px solid #eee;margin-top: 186px;margin-left: 186px;-moz-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}
</style>
<body>

<div class="piont"></div>

</body>
</html>

在谷歌浏览器中正常,在火狐狸中心点随动画抖动!怎么解决这个抖动的问题?请高手赐教!

  • 写回答

3条回答

  • 匹_夫 2019-07-31 11:57
    关注

    -webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;

    评论

报告相同问题?

悬赏问题

  • ¥20 matlab yalmip kkt 双层优化问题
  • ¥15 如何在3D高斯飞溅的渲染的场景中获得一个可控的旋转物体
  • ¥88 实在没有想法,需要个思路
  • ¥15 MATLAB报错输入参数太多
  • ¥15 python中合并修改日期相同的CSV文件并按照修改日期的名字命名文件
  • ¥15 有赏,i卡绘世画不出
  • ¥15 如何用stata画出文献中常见的安慰剂检验图
  • ¥15 c语言链表结构体数据插入
  • ¥40 使用MATLAB解答线性代数问题
  • ¥15 COCOS的问题COCOS的问题