css3动画开始或结束的抖动问题

适用场景（移动、PC）

解决方法

//在出现抖动元素上加入该样式 如下：
.auto-show-title {
	-webkit-backface-visibility: hidden;//隐藏转换的元素的背面 
	-webkit-transform-style: preserve-3d;//使被转换的元素的子元素保留其 3D 转换
}

另一种场景是通过如下（弊端就是耗电）：

开启GPU硬件加速模式，使用GPU代替CPU渲染动画（在安卓系统中有时会有莫名其妙的BUG，建议慎重

-webkit-transform:translate3d(0,0,0);