Comment créer un bouton en utilisant du CSS pur qui implique des dégradés linéaires et une couleur d'arrière-plan

Question

Comment créer un bouton en utilisant du CSS pur avec une couleur de fond vendue et en plus de cela et un dégradé de forme ovale au centre. Je ne veux utiliser aucune image externe. Voici le bouton d'échantillon.
Dans cet exemple, l'arrière-plan est noir et la zone bleue est composée de deux dégradés linéaires (du haut (# 92B5FD) au milieu (# 6094FC) puis du milieu (# 4484FB) au bas (# 44BBFC)).
J'ai commencé à utiliser le morceau suivant de CSS mais n'ai pas pu comprendre pour obtenir le résultat désiré.

.gradButton {width:620px; 
height:60px; 
border:1px solid black; 
padding: 0px; 
background: -webkit-gradient(linear, left top, left bottom, from(#92bffd), to(#6094fc), color-stop(0.5, #4484fb), color-stop(0.5, #44bbfc)); 
background-position:center; 
outline:0; 
position:absolute; 
top:-60px; 
right:-1px; 
z-index:9999; 
display:block; 
}

Answer 1

http://webdesignledger.com/tutorials/12-excellent-css3-button-and-menu-techniques

devriez avoir tout ce dont vous avez besoin, et cela contribuera à:

http://gradients.glrzad.com/

Answer 2

@ lien d'Alex à l'outil de gradients est très utile. Vous devriez également vérifier ceci - Pure CSS Buttons parce qu'il a un exemple qui ressemble beaucoup à celui que vous voulez, et c'est également la substance de base CSS sans images.