这次介绍的新特性是JS PageSwap PageReveal事件，和View Transitions API一同设计与支持的，有兴趣的了解下。
文章关键字 ‘动画’
JS PageSwap PageReveal事件干嘛用的？
2025年06月4日，星期三这啥?CSS calc-size和interpolate-size,真学不动了
2024年11月14日，星期四
好消息，height:auto、width:fit-content这些以前无法触发transition过渡效果的CSS声明，现在也能动画啦，就是使用calc-size()函数或interpolate-size属性。
Nice! Safari也支持CSS @property规则了
2024年10月10日，星期四
不能落后，好好缕缕CSS滚动动画
2024年08月23日，星期五
页面级可视动画View Transitions API初体验
2024年08月10日，星期六
腾讯开源的酷炫动画播放解决方案Vap初体验
2021年04月18日，星期日
妙法攻略：渐变虚框及边框滚动动画的纯CSS实现
2018年08月30日，星期四
本文内容如题，介绍几个实现渐变虚线框的方法，介绍虚线滚动动画，实线滚动边框动画的实现，所有这些方法都是纯CSS实现，就算这些动画效果你实际项目用不到，但是其大开眼界的实现原理相信也会给你有所启示的。
一如既往，有demo实例，有源代码展示，和必要的截图，希望本文的内容能够对您的学习有所帮助。
Canvas中颜色过渡动画效果的实现
2018年07月22日，星期日
在CSS3中，我们要想实现从A颜色到B颜色的过渡效果，是相当容易的，只要指定起止颜色，配合transition过渡或者animation动画都可以时间我们想要的效果。
但是，在<canvas>中却没有这么简单，因为<canvas>本质上是一个静态画布，要想实现颜色变化，需要JS去不断绘制，实现起来要比CSS实现麻烦很多。再加上颜色值本身就不一定是纯粹的数值，更增加了我们实现的难度。
本文就将通过多个案例，逐步深入，介绍一些在Canvas中的颜色处理技巧，有些技巧说不定会让你大开眼界。
CSS CSS3实现3D开门动画效果
2018年06月23日，星期六本文展示了2个自己写的酷酷的3D开门动画效果，然后顺便介绍了3D动画实现的一些相关技巧。本文有demo，有视频效果展示，还有必要的源代码讲解，希望本文的内容能够对您的学习有所帮助。
借助Web Animations API实现JS keyframes动画
2018年03月23日，星期五用一句话解释Web Animations API就是把CSS3实现的animation动画变成有JS代码实现。
各有优势。CSS3 Animations动画简单，灵活，复用性强，非常适合静态动画效果；Web Animations参数由JS控制，与单个元素绑定，因此非常适合不固定的动态动画效果，例如随机动画……
我的应用
我的应用