carousels
纯 CSS 三维书籍跑马灯
完全用 CSS 构建的无限倾斜书架跑马灯:每本书由封底、若干张用 skewY 错开并带书口渐变的书页、封面和书脊叠加而成;书本之间用负边距重叠,悬停时相邻的书会通过 :has() 让开,同时跑马灯暂停。
实时预览并复制提示词可调整的参数
- 书本间重叠
- 悬停推力
- 缎带倾斜
- 周期时长
目录的使用方式
每个组件都附带完整的复现提示词:把它粘贴到 AI 构建器中,就能得到完全一致的组件。上方的参数均可编辑,复制的提示词会带上你选择的数值,生成的就是你看到的。
