Mobile End Frame Animation Jitter Solution

Overview

Today in the mobile frame animation encountered the problem of jitter, I found a bit of information, and summed up 3 more good solutions, recorded, for future development reference, I believe that other people also useful.

Since the mobile uses the REM layout, there is always a bias in the calculation, which is the source of the jitter.

Reference: CSS tips: Animation-per-frame jitter solution

Multi-image Change Background-image

Dig a hole, wait for a fill

Scale for a picture

Dig a hole, wait for a fill

A picture with SVG

Dig a hole, wait for a fill

Mobile End Frame Animation Jitter Solution