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

Anime.js 作为一款轻量级的 JavaScript 动画库，以其简单而强大的功能，为开发者提供了丰富的动画创作可能性。

最近一位叫 @GameMCU的大佬用 Webgl、Three.js 等技术实现了一个 小米 SU7 在线体验网站：https://gamemcu.com/su7/被广大网友疯传，效果相当炸裂！

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

众所周知，前端H5中浏览器打开相机打开的是原生相机，无法在相机的界面上覆盖自定义的元素，可以使MediaDevices.getUserMedia媒体流来实现该功能。

用css实现五彩斑斓的“呼吸字”，不仅颜色渐变、还有呼吸的感觉，爱了爱了，代码拿走即用，用于小细节装杯，挺好~~

❤️ 简单来说，p5.js 能让“切图仔”更容易做出具有艺术感的作品（很能整活）。本文会用光的速度带你入门P5.js

CSS filter在日常开发中是很常见的，这里我们将使用它实现一些动画效果，让网站交互更加酷炫，同时也加深对CSS filter的理解。

本文将会和这篇 -- CSS 奇思妙想边框动画类似，讲一些文字效果，利用不同的属性搭配，实现各式各样的文字动效。 在写各种 DEMO 的时候，有的时候一些特殊的字体能更好的体现动画的效果。这里讲一个快速引入不同格式字体的小技巧。 当我们相中了一个我们喜欢的字体，它也提供了非常快…