页面过渡效果沙盒 - 模拟 SPA 页面切换动画
选择和自定义页面进入/离开的动画效果(淡入、滑动、缩放),模拟多页面间的过渡。
UD5工具箱
选择和自定义页面进入/离开的动画效果(淡入、滑动、缩放),模拟多页面间的过渡。
调整粒子数量、形状、颜色、连线等参数,实时预览粒子背景效果,导出 Particles.js 配置 JSON。
在时间轴上拖拽添加属性关键帧,实时预览动画并生成 @keyframes 代码。
在时间轴上管理多个元素的动画关键帧,可视化调整缓动,导出为 CSS/JS 动画。
手动播放一个动画,录制元素实际位置变化,反向生成@keyframes。
拖动曲线手柄调整动画缓动,实时预览弹跳或淡入效果,生成cubic-bezier值。
配置滚动容器与目标元素,自定义随滚动触发的关键帧动画,输出纯CSS代码。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。