Firefox和Opera上的CSS3冻结翻译

时间:2012-11-17 19:49:27

标签: css3 css-transitions

这是我的css:

.portfolio-info:hover .portfolio-rate{
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);

}

.portfolio-doc, .portfolio-title, .portfolio-rate{
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

在面向webkit的浏览器中,它看起来很正常(在动画块后获得奇怪的闪烁文本)。但是在FireFox和Opera ......你应该看到这个冻结。问题在哪里?

2 个答案:

答案 0 :(得分:0)

似乎是某人的插件。在安全模式下,冻结较少。

答案 1 :(得分:0)

我已经探索过这个bug,在Opera中可以通过设置来修复     .wrapper {        -o-transform:translate(0px);     }