可视化拖拽调整 CSS 按钮样式,直接导出可用代码
这是浏览器端可视化 CSS 按钮样式设计工具。你不用手写 CSS 代码,拖动滑块就能调整参数,实时预览按钮效果。解决手写调试样式慢的问题。
调整参数直接生成符合 CSS 3 标准的样式代码,支持边框、圆角、内边距、背景渐变、阴影、悬浮状态样式,导出后可直接复制到项目中使用。
支持调整悬浮效果。你可以单独设置悬浮状态下的颜色、透明度、位移等参数,生成带 :hover 选择器的对应 CSS 代码。
导出的代码可以直接复制使用。生成的是标准 CSS 代码,自带对应选择器,粘贴后就能得到和预览一致的按钮样式。
支持线性渐变背景样式。你可以设置两种颜色渐变方向,生成符合标准的 linear-gradient CSS 背景代码。
支持导出带盒子阴影的按钮代码。你可以调整阴影的偏移、模糊、扩展半径和透明度,生成标准的 box-shadow 代码。