经过筛选的界面动效模式,打开即可预览、调参并复制 CSS、HTML、行为所需的 JS 或提示词。
用透明度建立或移除元素,适合低干扰的内容出现与消失。
沿明确方向引入内容,让新元素与界面空间关系保持清楚。
从接近最终尺寸的位置放大元素,并可切换为带轻微过冲的 Pop in。
通过裁切与轻微位移逐步展示内容,适合标题、媒体和分段内容。
让列表项按短间隔依次进入,表达顺序并保持整体节奏。
用受控透视和旋转展示卡片正反面或悬停深度。
让展开或缩放从触发点发生,保持动作来源的空间连续性。
用重叠淡入淡出切换等尺寸状态,减少视觉跳变。
在共享元素的前后布局之间建立连续形变。
同步高度、透明度与图标状态,清晰表达内容展开和收起。
根据导航方向匹配进入和离开方向,维持前后关系。
内容进入视口时触发一次轻量展示,并支持减少动态偏好。
让前后景以克制的速度差移动,建立轻量层次感。
在页面或视图切换时保持内容连续,并为旧浏览器提供降级。
在指针悬停时强化可交互性,同时保持布局稳定。
在按下瞬间提供短促缩放和明暗反馈,确认输入已被接收。
用可取消的进度反馈表达长按确认,降低误触风险。
在拖拽排序时保持拾取、占位和落点状态清楚。
让滑动距离映射到位移与透明度,并在阈值前提供阻尼。
用一次短促横向摆动提示错误或需要关注的输入。
从输入坐标扩散轻量波纹,提供明确的触点反馈。
让超出容器的信息连续滚动,并在悬停或聚焦时暂停。
让装饰节点围绕中心缓慢运行,适合低频状态展示。
用低幅度呼吸或漂浮提示元素仍处于可用、等待或活跃状态。
结合模糊、透明度与遮罩柔和地揭示媒体或内容层。
用可拖动分割线比较同一画面的前后状态。
通过描边偏移逐步绘制图标、路径或解释性连线。
在长度接近的短文本之间进行平滑替换,保留阅读位置。
在内容加载期间用低对比扫光表达进行中状态。
使用等宽数字与垂直滚动稳定展示数值变化。
按字符逐步显示短文本,并为辅助技术保留完整内容。