Мне было любопытно, можно ли переходить из одного градиента в другой внутри div в css3? Мне бы хотелось, чтобы один градиент начинал переходить в другой вокруг центра фона div.
(например, затухание как здесь http://garyoak.com/images/fade.png)
Я знаю, как сделать градиенты по отдельности, но я понятия не имею, как сделать 1 градиент в другой, если это возможно. Если это невозможно, есть ли способ достичь этого эффекта? Я думал о том, чтобы сложить два элемента div друг на друга, каждый из которых имеет свой градиент, а верхний элемент выцветает горизонтально, но, опять же, я не совсем уверен, как это сделать.
Я мог бы объединить градиенты в один горизонтальный градиент, но у меня уже были определены все градиенты одного цвета, и потребовалось бы совсем немного времени, чтобы правильно объединить их вместе, особенно если я решу изменить один из градиентов. Я просто хочу избежать необходимости определять и обновлять отдельные градиенты, чтобы затемнить два существующих градиента.
Если бы кто-то мог помочь мне / указать мне подходящий ресурс, чтобы понять это, я был бы признателен.
спасибо