镜像帖子 https://www.v2ex.com/t/498901

环境

• Android 5.1.1，微信 6.7.3

• macOS 10.14 ，微信开发者工具 1.02.1809260

问题

场景一

a b {  transform: translateX(100px);  transition: all 0.5s ease-out;
}a.show b {  transform: translateX(0);
}

通过 JS 改变 a 的 class 为 show 时，b 的过渡动画完全没有。

经尝试，断定任意 transition 均无效。

场景二

b {  transform: translateX(100px);  transition: all 0.5s ease-out;
}b.show {  transform: translateX(0);
}

过渡动画正常。

其他

使用 transform: scale() 的 animation 导致页面帧率很低，设备发热严重。