外面下雨，气氛有些无聊，心里盼着周末快点到来。摸鱼时在百度网页查询天气，雨滴在屏幕上滑落，仿佛整个浏览器都被雨水覆盖了。然后我的浏览器下雨了进水了

用 Lottie 做动画：一个前端菜鸡的真香日记 一、缘起：被设计师逼疯的日子 去年接了个金融类 APP 项目，设计师甩来个 AE 文件："按钮点击要有金属质感的 3D 旋转，加载动画要像金币雨一样有

最近在浏览掘金网站的时候发现新上线的扣子平台，它是一款即刻开发新一代AI Chat Bot的应用编辑平台，可以通过这个平台快速创建各种类型的Chat Bot；不过让笔者更感兴趣的是它首页酷炫的效果。

CSS创建文本和图片无限滚动动画效果。标签和图片横向的水平滚动，元素会无缝衔接实现无限循环，首尾两端有渐变蒙层体现出现和消失的过渡效果。滚动时的淡出淡入视觉效果，丰富了网页增添加了动态和交互性。

这期我们来完善上一期的动画库。在 Animation 类中的 constructor 的参数，我们发现其他的参数都用上了。但是 timingFunction 我们是还没有使用上的。

前言 时间飞逝，快大四了，刚好最近看不下去考研的，而且要准备这个毕设选题了，然后就想着怎么能够把自己所学的东西都用上，一开始是打算做操作系统的，但是难度还是有点大，最重要的是，除了锻炼自己没有太大的意

本文，我们将一起学习，使用纯 CSS，实现如下所示的动画效果： 上面的动画效果，非常有意思，核心有两点： 小球随机做 X、Y 方向的直线运动，并且能够实现碰撞到边界的时候，实现反弹效果 小球在碰撞边界

团队在开发大屏项目时，常常会遇到动态词云的效果，如下图所示： “每条词条在容器范围内随机移动，当鼠标放在单独词条上时，停止移动”

本文以图文并茂的方式讲解了css steps逐帧动画的逻辑。并实现了几个小demo帮助大家理解逐帧动画的使用，包括css实现坤坤跳舞，打字机效果“只因你太美”等，欢迎阅读点赞评论～