微信浏览器及开发者工具的 Bug

[learnshare]

环境

• 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 导致页面帧率很低，设备发热严重。

[asadegg]

老哥，我建议你小程序社区也发一份