UI – 秋夜のブログ

上一篇

发布于 18 天前

React 中实现 Vue3 Transition 的淡入淡出过渡效果

69 热度啥也没有呀 Frontend

在 Vue3 中，<Transition> 能优雅地处理 DOM 的挂载/卸载，例如「元素销毁前先淡出，元素挂载后再淡 …

发布于 2025-08-22

前端边缘过渡遮罩（Edge Fade/Scroll Fade）设计与实现全指南

108 热度啥也没有呀 Frontend

这篇文档系统讲解“边缘过渡遮罩”的交互设计与多种实现方式，帮助你在任何滚动区域、列表、图片容器、可拖拽面板等场景中灵活复用。 Co …

发布于 2025-08-22

为横向滚动区域添加左右渐变遮罩的通用方案（含 shadcn/ui ScrollArea）

151 热度啥也没有呀 Frontend

本文总结一种在“出现横向滚动且不在两端时，显示左右渐变提示”的可复用实现。适用于任何横向滚动区域，包含基于 shadcn/ui S …

发布于 2023-06-16

「UI/UX」快速实现一个含切换动画的菜单栏切换按钮

472 热度啥也没有呀 UI/UX

示例 Your browser does not support the video tag. <!DOCTYPE html …