Come aggiungere più gradazioni css come sfondo multiplo?

Question

Desidero creare un pulsante come questo senza utilizzare l'immagine per gradienti come sfondo multiplo. È possibile?

usando singolo elemento

<span class="customStyleSelectBox">Dummy Text</span> 

provare a jsfiddle quihttp://jsfiddle.net/Awf6s/2/

Answer 1

È possibile definire più sfumature separato da virgole. Es .:

.customStyleSelectBox { 
    ... 
    background: linear-gradient(#fff, #999) no-repeat border-box, linear-gradient(#eee, #777) no-repeat border-box; 
    background-size: 98px 50px, 18px 50px; 
    background-position: 0 0, 98px 0; 
    background-origin: padding-box, padding-box; 
} 

Vedi anche il tuo jsfiddle aggiornato.