html - 一个 html 按钮中的两种不同渐变

Question

我想做的是，我想保持 html 按钮的前 50% 具有从 #FFF 到 #BBB 的渐变，而后 50% 应该保持一种颜色，比如 #111。我想不出一个方法来做到这一点，任何帮助将不胜感激。

我的按钮代码是:

<button class="Button1" type="submit">Submit</button>

Answer 1

CSS:

.Button1 {
    background-image: linear-gradient(to bottom, #fff 0%, #bbb 50%, #111 50%);
}

这应该可以在最新的浏览器中使用。让它跨浏览器兼容取决于你。 (我个人喜欢 http://www.colorzilla.com/gradient-editor/ 的 Photoshop 风格界面)