网易新闻采用一镜到底（画中画）的动画形式，呈现了2017年的娱乐圈热门事件。 对于以内容展示为主的H5，此种形式新颖独特，浏览体验优秀，但对设计师的要求也较高。 一. 逐帧动画 利用雪碧图将动画帧合并到一张图片，用css的背景定位来显示需要的图片部分。 通过css3的anima…

PS:为了简单也可以用视频，但除非动画的播放场景固定，不然移动端视频在不同app、不同机型、不同系统的播放显示都不太一样，容易踩不少坑。 不管采用什么方式来制作动画，最终呈现到前端页面的无非三种形式：canvas、div、SVG。 一般情况下，随着屏幕大小的增大，canvas将…

在大多数需求中，css3 的 transition / animation 都能满足我们的需求，并且相对于 js 实现，可以大大提升我们的开发效率，降低开发成本。 它的值是一个数列，数与数之间用逗号或者空白隔开，指定短划线(50px)和缺口(50px)的长度。 设置 strok…