Skip to content

Instantly share code, notes, and snippets.

@Jalalhejazi
Created March 31, 2013 01:10
Show Gist options
  • Save Jalalhejazi/5279072 to your computer and use it in GitHub Desktop.
Save Jalalhejazi/5279072 to your computer and use it in GitHub Desktop.
CSS3: Blue Button only using colors
/**
* blue css3 button
*/
body {height: 400px;padding:30px; font-family: Arial, Helvetica, sans-serif; font-size:13px;background: -webkit-radial-gradient(34% 60%,#2A2A2A,#030303);
background: -moz-radial-gradient(34% 60%,#2A2A2A,#030303);
background: -ms-radial-gradient(34% 60%,#2A2A2A,#030303);
background: -o-radial-gradient(34% 60%,#2A2A2A,#030303);
background: radial-gradient(34% 60%,#2A2A2A,#030303);
}
button{
padding: 8px 18px;
font-size:24px;
color: white;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.65);
background: linear-gradient(top,#55C2FC,#40AAE9 50.000%,#3597E3 50.001%,#247BCD);
box-shadow: 0 1px 0 rgba(255,255,255,0.15);
margin-top: 1px;
border-left: none;
border-right: none;
border-top: 1px solid #B4DFFF;
border-bottom: 1px solid #071F38;
border-radius: 3px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment