UI FLOWKNOWLEDGE SYSTEM

交互 · Interaction

过渡
Transition

让颜色、尺寸、位置、透明度等状态变化变得平滑,常用于 hover、focus、展开收起和主题切换。

Smooths the change of CSS properties. Instead of snapping, colors, sizes, and positions ease into their new values.

交互预览

这是 mianhua UI Glossary 的原生 Preview Runtime,不是静态截图。

可以直接对 Agent 说

为按钮的 hover、focus 和 pressed 状态添加 160-220ms 过渡,只作用于 color、background-color、border-color、box-shadow 和 transform,并尊重 prefers-reduced-motion。

相关可运行档案研究

Layered Depth

以建筑层叠、滚动视差和空间选层构成的原创场所设计体验。

page · 90%

Cinematic Brand

以品牌章节、镜头切换和本地叙事反馈构成的原创页面。

page · 92%

Liquid Glass Agency

以指针响应光场、液态玻璃叠层与编辑式滚动节奏构成的原创数字工作室体验。

page · 94%

返回术语实验室 · 浏览完整馆藏 · 读取术语 API