Created
March 31, 2013 01:10
-
-
Save jalalhejazi/5279072 to your computer and use it in GitHub Desktop.
CSS3: Blue Button only using colors
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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