CSS animation动画效果实现精灵图、雪碧图动画,多动画应用
CSS animation动画效果实现精灵图、雪碧图动画,多动画应用
素材下载
分析图片动画过程
图片可以分成4*6=24 小图片也就是24帧
方法1 可以把每一行成一个动画,所以可以拆分4个动画
方法2 独立写成一个动画
动画一共24帧 100/24≈4
每4%作为一帧
方法1
页面主要框架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
原创
2020-05-10 20:38:34 ·
4800 阅读 ·
7 评论