本文详细介绍了如何使用 View Transition API 实现 UnoCSS 官网同款的圆形主题切换动画。通过 VueUse 的 useColorMode 监听主题状态，结合 CSS 变量和 U

大家好，我是鱼樱！！！ 关注公众号【鱼樱AI实验室】持续每天分享更多前端和AI辅助前端编码新知识~~喜欢的就一起学反正开源至上，无所谓被诋毁被喷被质疑文章没有价值~ 一个城市淘汰的自由职业-农村前端程

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

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

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

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

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

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

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