GSAP 是一个强大的 JavaScript 工具集，可以将开发人员变成动画超级英雄。构建适用于所有主流浏览器的高性能动画。动画化 CSS、SVG、画布、React、Vue、WebGL、颜色、字符串、

Vue为我们提供了很多动画接口方便我们实现动画效果，过渡动画可以实现一些简单的动画，如果一个动画包含几个简单的动画这个时候就需要使用动画钩子了。本文列出了几个例子，都是日常开发中经常遇到的。

直播端尤其是观众端，交互众多，动画显得尤为重要，疯狂地点赞、评论，促进用户关注直播间，以及与抽奖的联动，本文主要提供这些动画的思路

这种情况，直接把该json文件放入lottie的path配置项中，即可渲染出目标动画效果。效率高，效果好。 动画效果中包含着当前页面具体的业务数据，这时候采用lottie渲染，然后再实时更新lottie动画即可。具体可参考：知乎 | 动态修改 Lottie 中的文本 中的示例说…

js代码就这么一些，每个函数都有注释说明， 相信都能看得懂， 就不多解释了。如有更好的方式，欢迎及时交流~

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 前言 文字超出一般都是换行或者截断隐藏改成省略号，但是类似公告的文字提示必须完整的展示出来。这种一般会让文字滚动起来，以便用户看到完整的信息。本文

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚谢谢各位一如既往的支…

🚀 由于现在手机都是"高密度屏幕", 我们写的1px到了手机上会用2/3个物理像素点去显示, 这样1px边框看起来就会比较粗, 所以如果你也觉得自己的1px边框比较粗, 那么请往下看. 其实如果你百度"1px边框"会有很多文章, 大部分都会说有7种方法, 不过其实经过我的测试…