Geek asks and answers

Css gradient button

I would create such a button (GetStarted button) on this page: http://www.behance.net/signup/

I do not know how to create a blue background gradient button. I do not understand what the css property is.

Who can help me?

Many thanks.

+5
source share
2 answers

Well, they used this in the default state:

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);

To hang, they, of course, have different colors. Just change the color for your needs.

+5
source

Working example: http://jsfiddle.net/KJN2V/1/

Just add the .button class to any element you want

+1
source

More articles:


All Articles