CSS3 Button online Generator - HTML und CSS3 Code - kostenlos CSS3 Buttons erstellen

Color 1:#FFB90F Color 2:#CD950C Font-Color: #FFFFFF	Roundness: 1px	Roundness: 5px	Roundness: 15px	Roundness: 25px
Font-Size:10px Vertical-Padding:6px Horizontal-Padding:8px	Submit CSS .darkgoldenrod10px1 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 10px Helvetica, sans-serif; padding: 6px 8px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 1; -moz-border-radius: 1; border-radius: 1; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod10px1:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod10px1:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod10px1'>Submit</a>	Submit CSS .darkgoldenrod10px5 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 10px Helvetica, sans-serif; padding: 6px 8px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod10px5:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod10px5:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod10px5'>Submit</a>	Submit CSS .darkgoldenrod10px15 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 10px Helvetica, sans-serif; padding: 6px 8px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 15; -moz-border-radius: 15; border-radius: 15; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod10px15:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod10px15:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod10px15'>Submit</a>	Submit CSS .darkgoldenrod10px25 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 10px Helvetica, sans-serif; padding: 6px 8px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 25; -moz-border-radius: 25; border-radius: 25; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod10px25:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod10px25:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod10px25'>Submit</a>
Font-Size:12px Vertical-Padding:8px Horizontal-Padding:12px	Submit CSS .darkgoldenrod12px1 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 12px Helvetica, sans-serif; padding: 8px 12px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 1; -moz-border-radius: 1; border-radius: 1; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod12px1:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod12px1:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod12px1'>Submit</a>	Submit CSS .darkgoldenrod12px5 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 12px Helvetica, sans-serif; padding: 8px 12px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod12px5:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod12px5:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod12px5'>Submit</a>	Submit CSS .darkgoldenrod12px15 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 12px Helvetica, sans-serif; padding: 8px 12px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 15; -moz-border-radius: 15; border-radius: 15; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod12px15:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod12px15:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod12px15'>Submit</a>	Submit CSS .darkgoldenrod12px25 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 12px Helvetica, sans-serif; padding: 8px 12px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 25; -moz-border-radius: 25; border-radius: 25; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod12px25:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod12px25:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod12px25'>Submit</a>
Font-Size:14px Vertical-Padding:10px Horizontal-Padding:16px	Submit CSS .darkgoldenrod14px1 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px Helvetica, sans-serif; padding: 10px 16px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 1; -moz-border-radius: 1; border-radius: 1; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod14px1:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod14px1:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod14px1'>Submit</a>	Submit CSS .darkgoldenrod14px5 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px Helvetica, sans-serif; padding: 10px 16px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod14px5:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod14px5:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod14px5'>Submit</a>	Submit CSS .darkgoldenrod14px15 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px Helvetica, sans-serif; padding: 10px 16px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 15; -moz-border-radius: 15; border-radius: 15; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod14px15:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod14px15:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod14px15'>Submit</a>	Submit CSS .darkgoldenrod14px25 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px Helvetica, sans-serif; padding: 10px 16px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 25; -moz-border-radius: 25; border-radius: 25; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod14px25:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod14px25:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod14px25'>Submit</a>
Font-Size:16px Vertical-Padding:12px Horizontal-Padding:20px	Submit CSS .darkgoldenrod16px1 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 16px Helvetica, sans-serif; padding: 12px 20px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 1; -moz-border-radius: 1; border-radius: 1; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod16px1:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod16px1:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod16px1'>Submit</a>	Submit CSS .darkgoldenrod16px5 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 16px Helvetica, sans-serif; padding: 12px 20px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod16px5:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod16px5:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod16px5'>Submit</a>	Submit CSS .darkgoldenrod16px15 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 16px Helvetica, sans-serif; padding: 12px 20px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 15; -moz-border-radius: 15; border-radius: 15; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod16px15:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod16px15:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod16px15'>Submit</a>	Submit CSS .darkgoldenrod16px25 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 16px Helvetica, sans-serif; padding: 12px 20px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 25; -moz-border-radius: 25; border-radius: 25; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); } .darkgoldenrod16px25:hover { background: #FFB90F; background: -webkit-gradient(linear, left top, left bottom, from(#CD950C), to(#FFB90F)); background: -moz-linear-gradient(top, #CD950C, #FFB90F); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#CD950C', endColorstr='#FFB90F'); text-decoration: none; color: #FFFFFF; } .darkgoldenrod16px25:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFB90F), to(#CD950C)); background: -moz-linear-gradient(top, #FFB90F, #CD950C); filter: progid:DXImaGETransform.Microsoft.gradient(startColorstr='#FFB90F', endColorstr='#CD950C'); position: relative; top: 1px; } HTML <a href='#' class='darkgoldenrod16px25'>Submit</a>