Градиенты стека в -webkit-gradient

Question

Могу ли я объединить 3 градиента в один -webkit-градиент? Я хочу иметь изображение с радиальным градиентом для «фона» и «среднего поля» и линейного градиента для «переднего плана». Это возможно?

Answer 1

Да, это возможно. Используйте три перекрывающиеся элементы (divs так же хороши, как и любой другой), по одному для заднего, среднего и переднего плана. Стиль каждого из них имеет свой собственный градиент, используя transparent в качестве основного цвета, а остальные будут отображаться.

---

Edit: вот версия два слоя, которые должны помочь вам начать работу: http://jsbin.com/awali (требуется Webkit браузер)