最近遇到个需求，要求实现一个渐变色的边框，并且是虚线的，同时还要有动画。 有的朋友可能看到这里就要开骂了，估计要提刀找设计和产品怼回去了。 但其实我是可以理解的，因为这种花哨的边框想要用在一个类似于魔

在这篇文章中，我们将深入探讨前端动画的各种实现方式，包括 CSS 动画、JavaScript 动画、SVG 动画等。我们还将讨论一些触发动画的方式和动画在用户体验中的最佳实践。

动画细节的越来越重要，通过这篇文章，我将讲解如何实现一个具有"果冻"效果的动画标签栏，并深入探讨其中的技术细节。

「先看效果✨✨✨」 「具体实现思路💡💡💡」 1️⃣ 把四角边框看成一个设置定位的遮罩元素，动态设置其width、height、left、top 2️⃣ 给图片添加鼠标移入事件，然后获取该图片的物理尺寸

实现大球固定不动，另一个小球跟随鼠标平滑移动，当两者靠近时发生融球效果 原理非常简单，filter: blur() + contrast()即可实现。

通过原生 JS，我们来手撸一个多容器正交连接线的插件，支持自定义线条样式和飞线动画效果以及蚂蚁线动画效果

前言 愚人节的时候，看到了清华镜像愚人节的小彩蛋，觉得挺有意思的，然后简单复刻了一下。没有100%还原，轻喷交流。

还有人不会Copy吗B站的Banner吗？我用原生JS+三大框架统统给你复刻一遍，让你直接能用到你的项目！

这其实是老生常谈的问题了，但是因为最近有小伙伴面试被问到了，找到我想让我讲解下，所以我还是打算写一篇文章介绍下。 如果对您有用的话话，不妨评论，点赞关注➕收藏。如果可以的话，给我投上宝贵的一票。 ba