明天看到一个不错的动画网站:https://lottiefiles.com/
能够本人编辑生成动画,并且能非常不便的引入到你的我的项目中。
比方上图的猫咪动画:
import Lottie from "react-lottie";
import * as catData from "./cat.json";
const defaultOptions = {
loop: true,
autoplay: true,
animationData: catData.default,
rendererSettings: {preserveAspectRatio: "xMidYMid slice"}
};
//...
<Lottie options={defaultOptions} height={120} width={120} />
借用这个能力,咱们能够让 loading 成果更有趣味:
网站中还有大量的素材能够收费应用:
感兴趣的能够去看一下。