效果图

部分源码

:root {--transition-fast: 0.2s ease;--box-shadow-light: 0 4px 1px rgba(15, 12, 12, 0.349);--box-shadow-heavy: 0px 5px 1px rgb(15, 12, 12);--border-radius-full: 9999px;--border-radius-medium: 15px;--border-radius-small: 5px;--outline-heavy: 2px solid rgba(15, 12, 12, 0.671);--outline-hover: 2px solid #000000c5;--font-family-base: "Inter", sans-serif;--font-medium: 500;--font-defaultLineHeight: 137.5%;--font-textLineHeight: 1.2;--font-spacing: -0.02em;--color-base: #070709;--color-accent: #cca697;--color-value: #d2e2c9;--color-hex: #acc5da;--background-color-base: #ffffff;--background-color-dark: #2424246e;--border-color-light: #e0e0e0;--border-none: none;--z-index-high: 10;--font-size-responsive: clamp(1rem, 2vw, 1.1rem);--font-size-responsive-small: clamp(1rem, 0.6vw, 1rem);--width-responsive: clamp(100px, 50vw, 450px);--width-responsiveMobile: clamp(80px, 50vw, 400px);--width-responsiveXS: clamp(80px, 75vw, 400px);
}

---

领取源码

CSS 渐变背景在线生成工具源码地址：关注微信公众号祖龙科技工作室回复渐变背景即可领取源码

---

下期更新预报

网站源码

• 📢博客主页：孤客网络科技工作室官方账号
• 📢欢迎点赞👍收藏⭐️留言 📝如有错误敬请指正！
• 📢本文由孤客原创，若侵权联系作者，首发于CSDN博客
• 📢停下休息的时候不要忘了别人还在奔跑，希望大家抓紧时间学习，全力奔赴更好的生活💻