css渐变背景按钮

Question

我会在此页面中创建一个这样的按钮（GetStarted按钮）： http://www.behance.net/signup/

我不知道如何创建蓝色背景渐变按钮。我不明白使用什么css属性。

谁能帮帮我？

非常感谢。

Answer 1

嗯，他们在默认状态下使用它：

background: #0079FF;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0096FF), to(#005DFF));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#0096FF), to(#005DFF));
background: -moz-linear-gradient(center top, #0096FF, #005DFF);

悬停时，他们当然还有其他颜色。只需根据需要更改颜色。

Answer 2

一个工作示例：http://jsfiddle.net/KJN2V/1/

只需将.button类添加到您希望的任何元素

Answer 3

I used this for creating a gradient button.   
<style>
        .my-gradient-btn {
            border-radius: 40px;
            opacity: 0.5;
            background: linear-gradient(to right, red, yellow);
        }
       </style>