CSS Scrollbar 样式生成器
以可视化方式生成自定义的 CSS 滚动条样式。你可以调整滚动条宽度、轨道颜色、滑块颜色、边框与圆角，并实时预览效果。兼容于 Chrome, Safari, Edge 和 Firefox 浏览器。
自定义设置
{{ scrollbarWidth }}px
{{ scrollbarHeight }}px
{{ thumbMinHeight }}px
{{ thumbRadius }}px
{{ trackRadius }}px
{{ shadowBlur }}px
{{ shadowOpacity }}%
滚动条实时预览
可滚动的预览内容区
这是一个滚动条的预览区域。你可以拖拽右侧 or 下方的滚动条来检视滚动效果。
调整左侧面板中的任何参数（例如宽度、边框及圆角），此区域 of 滚动条将会实时更新。
本工具同时支持 Chrome 等 Webkit 内核浏览器（支持更丰富的样式，如 Hover/Border/Shadow）以及 Firefox 浏览器。
当你对滚动条样式感到满意时，可以直接复制右侧 of CSS 代码并贴入你的项目中。
{{ t('color_item') }} {{ i }}
这是一个滚动条的预览区域。你可以拖拽右侧 or 下方的滚动条来检视滚动效果。
调整左侧面板中的任何参数（例如宽度、边框及圆角），此区域 of 滚动条将会实时更新。
本工具同时支持 Chrome 等 Webkit 内核浏览器（支持更丰富的样式，如 Hover/Border/Shadow）以及 Firefox 浏览器。
当你对滚动条样式感到满意时，可以直接复制右侧 of CSS 代码并贴入你的项目中。
注意：边框、圆角、阴影 and Hover 悬停效果主要在 Chrome/Safari/Edge 浏览器中生效；Firefox 由于标准限制，仅支持宽度与主色调设置。