使用Animation:translateY在真机上出现卡顿

使用Animation在自己手机上测试发现出现卡顿现象,在微信小程序上却没有卡顿。

在使用动画的地方开启硬件加速

.road{
	animation: bounce 20s  linear infinite;
	transform: translateZ(0);
}
@keyframes bounce {
	0% {
		transform: translateY(20px);
	}
	50%,
	100% {
		transform: translateY(-750px);
	}
}

你可能感兴趣的:(小程序,前端,微信小程序)