Jak dodać wiele gradientów css jako wiele tła?

Question

Chcę zrobić taki przycisk bez użycia obrazu przez gradienty jako wiele tła. Czy to możliwe?

za pomocą pojedynczego elementu

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

spróbować w jsfiddle tutajhttp://jsfiddle.net/Awf6s/2/

Answer 1

Można zdefiniować wiele wzniesień oddzielonych przecinkami. Np .:

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

Zobacz również zaktualizowaną wersję jsfiddle.