Create Css3 Button

Create Css3 Button Web-development (jquery) Create Css3 Button Create CSS3 Button

 <html> <head> <style> body {background-color:#1B1B1D;} input[type=submit]{ /* Submit button */ opacity:0.9; position:absolute; top:262px; left:25px; width: 239px; height:36px; cursor:pointer; border-radius:6px; box-shadow:0 1px 1px #888; border:none; color:#fff; font:14px/36px 'Segoe UI Light','Segoe UI',Arial,sans-serif; /* CSS3 Gradients */ background-image: linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%); background-image: -o-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%); background-image: -moz-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%); background-image: -webkit-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%); background-image: -ms-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(80,102,127)), color-stop(0.5, rgb(87,109,136)), color-stop(1, rgb(106,129,155)) ); } input[type=submit]:hover{ opacity:1; } </style> </head> <body> <input type="submit" name="submit" value="Recover" /> </body> </html>