SVG(Scalable Vector Graphics)，可缩放矢量图形，具有放大缩小不失真的特性，可以用来创建矢量图。

介绍 最近突然回想到之前看过的一个动画，是一个正方体向球体表示爱意，被拒绝，改变自己的小动画。 找了半天终于找到了，个人感觉是一个很棒的动画，强烈安利： 《方块》 效果预览 github.io 浏览 源代码地址 […

作为一名 H5 前端程序员，在一些包含动画的项目中，设计师总是要来问一下你”这个动画是要导出序列帧还是 GIF”，”导出 GIF 可能会有白边”，”不能再压缩，再压就糊了“……

当我想要在网上找一个简洁的 Javascript 动效库时，总是发现很多“推荐”的库都是缺乏持续维护的。

本文由云+社区发表作者：陈纪庚 前言 最近看了一些文章，知道了实现引导动画的基本原理，所以决定来自己亲手做一个通用的引导动画类。 我们先来看一下具体的效果：点这里 原理 通过维护一个Modal实例，使用Modal…

效果图： 项目地址：[链接] 效果体验地址： https://biaochenxuying.github.io/progress/index.html 1. 原理 一个用于装载进度条内容的 div （且叫做 container）。 然后在 container 里面动态生成三个元素，一个…

补间动画指的是，我们可以通过为精灵的位置、比例、透明度，等属性，设置开始值和结束值，制作动画，动画中间需要的部分由软件自动计算填充。

平铺精灵是一种特殊的精灵，可以在一定的范围内重复一个纹理。你可以使用它们创建无限滚动的背景效果。要创建平铺精灵，需要使用带有三个参数的 TilingSprite 类（PIXI.extras.TilingSprite）

一、基本用法 引入CSS依赖 {代码…} 在元素的Class中加以下内容 animated (必选) infinite (可选) 无限重复 bounce (必选) 动画样式 参考下方表格 delay-2s (可选) 延迟出现 {代码…} Class Name bounce flash …

你如何创造火，烟，魔法和爆炸等效果？你制作了许多小精灵，几十，几百，甚至上千个精灵。然后对这些精灵应用一些物理效果，使它们的行为类似于你尝试模拟的元素。你还必须给他们一些关于它们应该如何出现和消失…