Стек градиентов в -webkit-градиент

Question

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

Answer 1

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

---

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