返回列表
流体胶囊形变
胶囊按钮点击后以高阻尼流体曲线无缝变形成弹窗面板，关闭时再流回去。
AI 生成提示词
实现一个流体形态变换（Fluid Morph）：页面中有一个胶囊形按钮，点击后按钮以带高阻尼的流体缓动曲线（类似 spring 弹簧曲线，尺寸、圆角、内容透明度无缝过渡）变形展开为一个弹窗面板，面板内显示标题和内容；点击关闭时再以同样的流体动画缩回胶囊。用纯 CSS transition + 原生 JS 实现。