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

Question

[drtvader]

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

Answer 1

[Flur]

Точно такой незнаю, но вот похожий + шум наложите (сами)

background: -moz-linear-gradient(left, #770c19 0%, #710c1e 12%, #670c29 26%, #510c3f 45%, #260d69 78%, #1b0d73 89%, #150d79 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #770c19 0%,#710c1e 12%,#670c29 26%,#510c3f 45%,#260d69 78%,#1b0d73 89%,#150d79 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #770c19 0%,#710c1e 12%,#670c29 26%,#510c3f 45%,#260d69 78%,#1b0d73 89%,#150d79 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

Comments

[drtvader]

похож, спасибо!

[Flur]

drtvader: по хорошему сделать это в 4 полосы :
Справа налево :
1) Красный(90%) -> Оранжевый(5%)
2) Фиолетовый (5%) - > Красный(85%) -> Желтый (5%)->Зеленый (5%)
3) Синий(5%) - > Фиолетовый(50%) -> Красный(15%)->Желтый (10%)->Зеленый (20%)
4) Синий(50%) - > Фиолетовый(20%) -> Зеленый (30%)

[drtvader]

Flur: насчет полос не понял.

[Flur]

drtvader: несколько наложенных друг на друга блоков с разными фоновыми градиентами

[drtvader]

Flur: да, теперь понял! спасибо!

Answer 2

[Сергей Соколов]

Красный фон, синий эллиптический градиент, зелёный линейный градиент?

Comments

[drtvader]

там еще анимация должна быть. как я понял эффект Глитча.

[Сергей Соколов]

drtvader: какой-какой эффект? Если анимация, надо на canvas динамически расчитывать каждый пиксель в JS.

[Сергей Соколов]

знакомый разработал такой интересный способ генерации градиентов – изображение из всего нескольких пикселов растягивается во весь экран, образуя градиент. Это по-разному работает в разных браузерах, но идея забавна – может, её можно доработать для вашего эффекта?

[drtvader]

Сергей Соколов: пардон, Глитча

[drtvader]

Сергей Соколов: т.е. на css такого не сделать? мне бы сам градиент, без эффектов всяких)

[Сергей Соколов]

drtvader: на английском вот разбирают подробно glitch effect средствами CSS

[Flur]

drtvader: Там разве glitch или шум (noise) ?

[drtvader]

Flur: хм, тогда что это за эффект?

[Flur]

drtvader: зернистый шум красного цвета

[Flur]

Вот шум
а вот глитч

[drtvader]

Flur: да, понял. первоначально сказали глитч эффект. Потом нагуглил.