BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API…

开发者常常问我关于像素工作流程的某些部分，什么时候、为什么、发生了什么。所以我感觉值得提供一些参考，有关于将像素显示在屏幕上的过程里发生了什么。 警告：文本是 Blink（译注：Chrome 使用的排版引擎，是 webkit 的分支）和 Chrome 的视角。主线程的大部分任务…

贝塞尔曲线又叫贝兹曲线，在大学高数中一度让我非常头疼。前阵子练手写动画的时候，发现贝塞尔曲线可以应用于轨迹的绘制以及定义动画曲线。 本文就来探究一下，贝塞尔曲线到底是个什么样的存在。 其中n就代表了贝塞尔曲线是几阶曲线，该公式描述了曲线运动的路径。 以下我们来讨论一下，贝塞尔公…

react-motion是一个强大的react动画库

如何使 CSS 动画更加顺滑自然？

在上一节中， 不走心 地画了一些 CSS图案 ，本节就继续不走心地 画动画 。 | animation-delay | 设置动画在启动前的延迟间隔。 | | animation-iteration-count | 定义动画的播放次数。 | | animation-directi…

animate-text文字动画和数字动画animatetext查看DEMO轻巧的文字动画库,使用简单,文件大小4k可以给文字添加出现动画,支持字符串打字效果和数字变化效果,支持监听动画结束事件项目持

在平时的工作中，页面的动画效果是很常见的需求。那么，怎么样实现一个高效的动画呢？ 一个页面展示在用户面前，简单来说，会经历以上5个步骤。我们可以把上面这个图称为像素管道。 Javascript: 执行js逻辑，修改DOM，修改CSS等。 Style：计算样式。 Layout：在…