css - 在 CSS3 上的 Firefox 和 Opera 中卡住

标签 css 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 的浏览器中,它看起来很正常(动画 block 后出现奇怪的闪烁文本)。但是在 FireFox 和 Opera 中……您应该看到它卡住了。问题出在哪里?

最佳答案

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

关于css - 在 CSS3 上的 Firefox 和 Opera 中卡住,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13434190/

相关文章:

javascript - 性能: CSS Transitions vs Javascript Effects

javascript - 通过 CSS3 过渡立即淡出和淡入

php - 查找单词并更改颜色

html - 媒体查询不适用于 iPhone

javascript - 一个元素中可以水平和垂直放置多少个等宽字符?

javascript - 使用 JavaScript 将元素的字体大小设置为另一个元素的字体大小的倍数

jquery - Bootstrap轮播: How to slide two carousel sliders at a same time?

html - 如何修复动画问题 css3

javascript - 在添加特定于过渡的 css 属性之前所做的更改会触发过渡。为什么?

css - Webix 切换按钮的自定义 CSS