html - 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>