Complete Shelf
ThreeUI · Hero · 免费
在云境TS 中打开并复制 →
内容预览
# Complete Shelf The complete Working Volumes bookshelf page with all seven tools, its responsive editorial interface, and authored Three.js presentation. > 来源：ThreeUI Community · https://threeui.com · MIT License（Meng To / Design+Code） > 组件页：https://threeui.com/component/complete-shelf-landing-page · 预览动画：https://threeui.com/previews/complete-shelf-landing-page.webm > 分类：Hero /* ===== public/landing-pages/complete-shelf-v2.html (html) ===== */ Working Volumes — Seven Tools for Making :root { color-scheme: dark; --paper: #171a24; --paper-deep: #10131b; --paper-pale: #f1eadf; --ink: #f4eee6; --ink-soft: #b9b4ae; --walnut: #3a2118; --walnut-deep: #1c0e0a; --rule: rgba(244, 238, 230, 0.24); --accent: #c87046; --serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif; --mono: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --ease-out: cubic-bezier(0.2, 0.72, 0.24, 1); } * { box-sizing: border-box; } html, body { width: 100%; min-height: 100%; margin: 0; overflow: hidden; background: var(--paper); color: var(--ink); } body { font-family: var(--serif); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } button { color: inherit; font: inherit; } button:focus-visible { outline: 1px solid var(--ink); outline-offset: 4px; } [hidden] { display: none !important; } .experience { position: fixed; inset: 0; isolation: isolate; overflow: hidden; background: var(--paper); transition: background-color 720ms var(--ease-out),
……（完整源码请在站内查看）