Bestsellers Book Showcase
ThreeUI · Hero · 免费
在云境TS 中打开并复制 →
内容预览
# Bestsellers Book Showcase The complete Field Manuals book showcase, preserved unchanged with its editorial layout, authored motion, interactions, and embedded media. > 来源：ThreeUI Community · https://threeui.com · MIT License（Meng To / Design+Code） > 组件页：https://threeui.com/component/bestsellers-book-showcase · 预览动画：https://threeui.com/previews/bestsellers-book-showcase.webm > 分类：Hero /* ===== public/landing-pages/bestsellers-book-showcase.html (html) ===== */ Field Manuals — Tools for Thought :root { --ink: #29251d; --ink-deep: #1d1a15; --ink-soft: #3a382b; --pink: #c3a47b; --pink-bright: #dbc39c; --text: #eee2ca; --muted: #c5b79e; --periwinkle: #b7976c; --sage: #89946f; --clay: #a96346; --moss: #5f684f; --paper: #eadfc7; --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Baskerville, Georgia, serif; --ease: cubic-bezier(.2, .78, .2, 1); --mx: 0px; --my: 0px; } * { box-sizing: border-box; } html, body { width: 100%; min-height: 100%; margin: 0; background: var(--ink); } body { min-height: 100svh; overflow: hidden; color: var(--text); font-family: var(--serif); -webkit-font-smoothing: antialiased; cursor: default; } button, a { font: inherit; } button { color: inherit; } .stage { position: relative; isolation: isolate; width: 100%; min-height: 100svh; overflow: hidden; background: radial-gradient(circle at 49% 84%, rgba(117, 102, 71, .2), transparent 34%), radial-gradient(circle at 14% 4%, rgba(100, 112, 77, .12), transparent 28%), linear-gradient(180
……（完整源码请在站内查看）