在前端开发中，打字机效果能极大提升页面的交互趣味性和视觉体验，比如 AI 聊天回复、个性化介绍页等场景都非常适用。本文将分享一个基于 Vue3 + Composition API 开发的高性能、高定制

目的： 借助思维导图的互动操作，让⽤户更深⼊地参与到教学内容中。 要求：第二个层级的所有节点都要在第一个节点及其所有子节点之后。 调研 svg动画 展开动画 动画效果

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

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

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

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

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

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

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