css-transitions - css 过渡在移动版 chrome 中不起作用

Question

我正在尝试在单击某些文本时使用 css 转换来缩放图像。

每次单击链接时，复选标记图像都应该有动画效果。然而，在 iPhone Chrome 中，复选标记没有动画 - 只是从一种状态跳转到另一种状态，似乎忽略了 css {transition: transform 200ms}。

除了 iPhone Chrome 浏览器之外，它似乎在任何地方都可以使用 - 我已经尽我所能地完成了所有事情，但它完全让我难住了!

代码笔链接:https://codepen.io/anon/pen/oqBJzr

CSS:

.checkmark {
    width: 35px;
    -webkit-transition: transform 200ms;
    transition: all 200ms;
}

.checkmark.scale {
    -webkit-transform: scale(3);
    transform: scale(3);
}

JavaScript:

function checkMarkAnim() {

    $('.checkmark').toggleClass('scale');

}

任何关于出了什么问题的指示都会真正有帮助。

先感谢您

更新:

建议添加 -webkit-transition: -webkit-transform 200ms;似乎没有解决问题(虽然我最初认为它已经解决了)。

Answer 1

经过几天的搜索，真正对我有用的是 只是 Chrome 重启 .