Как наложить несколько градиентов?

Question

[Genri_Rus]

Совсем непонятно, допустим дизайнер наложил на одну картинку разное количество градиентов и mix-blend-mode

Как тогда в таком случае соблюсти весь порядок или лучше собрать все слои и просто сохранить в виде картинки ?

Вот: https://codepen.io/Genri_Rus/pen/ZEEbvYV

Comments

[Genri_Rus]

VicTHOR, допустим нужно наложить любых 4 градиента и 4 mix-blend-mode по-порядку

Вот: https://codepen.io/Genri_Rus/pen/ZEEbvYV

[Genri_Rus]

VicTHOR, без разницы

Просто показать принцип, как это можно сделать

[Роман]

можно конечно попробовать воспроизвести на css (тык, тык), но не факт что получится полностью воспроизвести дизайнерский замысел. Если не получится, то остается картинкой. Можно еще попробовать воспроизвести или конвертировать в svg.

[Genri_Rus]

Роман, спасибо, а конвертировать в svg только с помощью illustrator ?

[Genri_Rus]

Роман, а если на каждом слое еще и непрозрачность есть ?

[Роман]

Genri_Rus, с помощью любой проги, в которой можно открыть плод творения дизайнера и которая сможет правильно сохранить это в svg. На деле же тут много разных подводных камней. В идеале прога должна перенести градиенты и их режим смешивания именно как градиенты а не как растровые слои, иначе это будет тоже самое что и просто сохранить как картинкой.

[Genri_Rus]

Роман, а с непрозрачностью уже никак не реализовать ?

[Роман]

Genri_Rus, в css не подскажу, в svg такая возможность есть (когда уровень прозрачности слоя/объекта/градиента задается градиентом или другими способами)

[Genri_Rus]

Роман, а похожий пример есть на svg ?

[Роман]

Genri_Rus, если делать градиент в inkscape то задавая ключевые точки можно не только устанавливать для них цвет, но так же и прозрачность.