borders

圆角切角面板

居中的视频面板有一角以 45 度对角切除,但切角的两个端点都做了圆角处理:这在 polygon() 中无法实现,因此改用 JS 根据元素实际尺寸构建 clip-path 的 path(),并通过 ResizeObserver 实时重新计算。

实时预览并复制提示词

可调整的参数

目录的使用方式

每个组件都附带完整的复现提示词:把它粘贴到 AI 构建器中,就能得到完全一致的组件。上方的参数均可编辑,复制的提示词会带上你选择的数值,生成的就是你看到的。

Web construida por