Градиент

[kaplunA]

Есть вот такой фон , как сделать сверху градиент такой? нужно разбивать на две картинки фон ? или linear-gradient ?

Если второе то как сделать , у меня не получается

[Николя223]

посмотри. у тебя фон - однородный. а над ним градиент.

можно картинками.

если второе не получается - пробуй colorzill у

Но такого качества градиентом не будет. смотрю на фоне шум есть

[kaplunA]

посмотри. у тебя фон - однородный. а над ним градиент.

можно картинками.

если второе не получается - пробуй colorzill у

Но такого качества градиентом не будет. смотрю на фоне шум есть

ну ладно , буду картинками , просто думал есть способ правильнее. Спасибо

[kattiperk]

Думаю, правильнее использовать градиент.

То, что будет отличаться немного - лучше, чем картинкой делать.

Это же так неважно, лучше искать варианты проще и правильнее по выполнению. И еще лучше - убедить в этом заказчика.

 

Например, так:

http://jsfiddle.net/kattiperk/c77Pt/

 

С процентами варьировать переход. Я бы так делала.

Edited July 16, 2014 by kattiperk

[Sergik+]

Думаю, правильнее использовать градиент.

То, что будет отличаться немного - лучше, чем картинкой делать.

Это же так неважно, лучше искать варианты проще и правильнее по выполнению. И еще лучше - убедить в этом заказчика.

Если бы так было все легко , к сожалению надо делать как в макете.

[kattiperk]

Опять кому-то не нравится мой ответ.

Шо за

 

И мои соболезнования насчет "как в макете")))

[Николя223]

правильнее будет либо фон цветовой, над ним градиент и пнгхой наложить шум

либо точно также но с  картинкой вместо градиента

[Great Rash]

правильнее будет либо фон цветовой, над ним градиент и пнгхой наложить шум

Правильнее будет картинкой ибо дизайнер в макете, судя по картинке, скорее всего наложил режим смешивания ColorDodge для градиента. А это значит, что как не извращайся, но CSSом 1 в 1 не сделаешь никак. Поэтому я рекомендую не париться и делал по-старинке картинками.