AI 前端组件库 ChatUI 3.0 Ant Design X Vue TD Chat for AI MateChat Element Plus X

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

🎯 用 Vue + SVG 实现一个「蛇形时间轴」组件，打造高颜值事件流程图 在数据可视化或大屏项目中，我们常常需要展示一系列的事件流程，比如飞行轨迹、操作日志、任务执行顺序等。本文将带你一步步实现一

最近，有群里在群里发了这么一个非常有意思的卡片 Hover 动效，来源于此网站 -- key-drop，效果如下： 非常有意思酷炫的效果。而本文，我们不会完全还原此效果，而是基于此效果，尝试去制作这么

如果你曾经在浏览网页时看到三条线堆叠在一起，那么你就遇到了汉堡菜单。它是移动和响应式网页设计中使用的一种流行设计元素，用于创建干净、简约的界面。 单击时，这个小菜单会从屏幕的任一侧滑出，显示导航项或选

背景 做了一周大屏开发，也是在近期全部完成。借此记录一下大屏的整体适配处理以及列表自动循环滚动播放动画的处理实现。

大家在查阅Element UI文档的时候，是否发现下面这个效果👇 好家伙，这个效果该怎么实现呢？我的思路是设置背景图为白色和透明相间，这样底下的图片就能穿透部分上来，形成一个类似毛玻璃的效果

优化后的滚动条会提亮我们的网站页面。 例如：CSS-TRICKS这个网站如果采用的是浏览器默认的滚动条，不进行优化，页面会显得很不搭。 那么::-webkit-scrollbar、::-webkit-scrollbar-thumb和::-webkit-scrollbar-tra…

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家