Jak zastosować wiele gradientów radialnych css do pojedynczego elementu
Mam następujący styl zastosowany do mojegodiv
element:
background-image: -moz-radial-gradient(50% -10%, ellipse closest-corner, rgba(5, 5, 5, 0.7), rgba(0, 0, 0, 0) 100%);
Ma to pożądany efekt (bycie wewnętrznym cieniem tylko u górydiv
). Chciałbym zastosować ten sam efekt na dolediv
. Następująca linia robi to dobrze, ale wydaje się, że zastępuje pierwszą, więc mogę dostać tylko jedną lub drugą.
background-image: -moz-radial-gradient(50% 110%, ellipse closest-corner, rgba(5, 5, 5, 0.7), rgba(0, 0, 0, 0) 100%);
Czy ktoś może mi pokazać, jak mogę mieć wiele promieniowych tła gradientu na element? Widzę, że webkit może to łatwo zrobić, ale szukam implementacji / alternatywy dla różnych przeglądarek.
Dzięki