Несколько градиентов возможно накладывать в одном слое?

[borus]

Здравствуйте.

Скажите, можно ли одному элементу задать два градиента в надежде получить их наложение? Например один линейный вертикальный, второй линейный под 45 градусов.

Вот такой код не работает:

background:linear-gradient(135deg, #53237f 2%,#7847a5 39%,#200e52 50%,#200e52 62%,#61318e 88%,#200e52 100%), linear-gradient(to bottom, #000000 0%,#d2c5e0 100%);

Может назначить вложенному элементу один градиент,а обертывающему - второй?

Edited April 21, 2013 by borus

[npofopr]

воспользоваться :after, :before?

[Annecy]

Здравствуйте.

Скажите, можно ли одному элементу задать два градиента в надежде получить их наложение? Например один линейный вертикальный, второй линейный под 45 градусов.

Вот такой код не работает:

background:linear-gradient(135deg, #53237f 2%,#7847a5 39%,#200e52 50%,#200e52 62%,#61318e 88%,#200e52 100%), linear-gradient(to bottom, #000000 0%,#d2c5e0 100%);

Может назначить вложенному элементу один градиент,а обертывающему - второй?

Первому градиенту нужно установить прозрачность, чтобы он не перекрывал второй.

Например так http://jsfiddle.net/bUZ7c/

[borus]

воспользоваться :after, :before?

почему-то этот вариант не прошел

Edited April 23, 2013 by borus

[borus]

Первому градиенту нужно установить прозрачность, чтобы он не перекрывал второй.

Например так http://jsfiddle.net/bUZ7c/

Благодарю. А есть сервис, трансформирующий hex в rgba(,,)?

Да. Вот http://hex2rgba.devoth.com/

Edited April 26, 2013 by borus