免费在线CSS渐变按钮生成器。自定义按钮文字、渐变颜色、圆角、阴影、边框和悬停效果。
💡 生成的CSS代码兼容所有现代浏览器。
将生成的CSS代码复制到你的样式表文件中，然后在HTML中使用class='gradient-btn'即可应用样式。也可以直接复制HTML片段到你的页面中使用。
生成的CSS使用标准的linear-gradient和border-radius属性，支持所有现代浏览器（Chrome、Firefox、Safari、Edge）。包含-webkit-前缀以保证最大兼容性。
通过选择渐变方向选项（如从上到下、从左到右、对角线等）来调整。也可以自定义角度值（0-360度）。默认使用135度（对角线）。
悬停效果通过CSS的:hover伪类实现。当鼠标悬停在按钮上时，可以改变渐变颜色、添加发光阴影、轻微放大或改变透明度。所有效果都是纯CSS，无需JavaScript。