通常情况之下，开发者都习惯了规则的矩形布局的效果，对于 Web 设计师提供的不规则布局，难免会带有一种恐惧。这篇文章将告诉你如何使用 CSS 和 SVG 来实现类似水波纹这样不规则的 UI 效果！

有段时间没更文了，起初动画库选的 GSAP，奈何后面发现英文文档实在难以下咽，而且官方案例又很少，学习难度增大。 20年刚入行开始学动画的时候也是选的 Animejs，可能当时还没崛起。很多功能并没有

作为一名前端开发者，我一直在寻找提升用户交互体验的方法。今天分享我最近实现的导航栏动画效果 - 一个让用户点击时眼睛会"亮起来"的微交互设计。这个实现让我真正爱上了 View Transitions

基于css3写出来的一个底部导航栏效果，配合js形成了这种点击效果，如图。，然后通过一些css3的阴影等效果完成了如图的设计，文章内含有详细的注释

前言 现代 UI 设计中，会使用各式各样的加载样式来减少用户的 loading 状态焦虑，最常见的如 转圈的小菊花、虚假的进度条以及 炫酷的小动画。除了这三种最常见的 web 端加载，还有一种加载动画

你知道当一个人的头像从一个圆圈或洞里伸出来时的那种效果吗？本文将使用一种很简洁的方式实现该悬停效果，只用了一个img元素和不到20行的CSS技巧实现一个炫酷的头像悬停效果

今 天 来 实 现 一 个 可 翻 页 的 笔 记 本 📖 📚 ~ ~

该 HTML 文件是一个具备高级交互效果的导航操作栏（Action Bar）实现，核心特点是通过现代 CSS 特性与 JavaScript 逻辑结合，打造了跟随选中 / 交互元素动态移动的视觉指示器，

又一神器 Vant4-kit 来了，额，为什么会说又呢？因为它【发现一个Element-Plus 小工具，用起来不要太爽 】 文档看起来有些小清新的感觉