¿Cómo agregar múltiples gradientes de CSS como un fondo múltiple?

Question

Quiero hacer un botón como este sin usar la imagen por degradados como fondo múltiple. ¿Es posible?

usando solo elemento

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

intenta en jsFiddle aquíhttp://jsfiddle.net/Awf6s/2/

Answer 1

Se pueden definir varios gradientes separados por comas. E.g .:

.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; 
} 

Vea también su jsfiddle actualizado.