Как сделать такую тень CSS?

Question

[Андрей Александрович]

Здравствуйте.
Собственно, сабж: как сделать такую тень на CSS?

Answer 1

[Капитан Какао]

Вот генератор CSS3 тени: www.cssmatic.com/box-shadow

А вот собственно и пример специально для вас.
https://jsfiddle.net/qmob05ok/

Конечно далёк от идеала, но я сделал его за минуту;)

Comments

[qpPeW]

сразу видео когда имеется недопонимание того что требуется человеку...

[Капитан Какао]

Artem Yur'evich: ну начнём с того, что тот, кто вы писали в прошлом сообщение это вы.
Так как такие вещи как на скрине делаются как раз таки тенями, градиенты здесь не уместны, к тому же ещё и растровые. Тем более что человек как раз таки попросил на CSS, думаю он и без вас знает что это можно сделать картинкой.

А вот собственно и пример специально для вас.
https://jsfiddle.net/qmob05ok/

Конечно далёк от идеала, но я сделал его за минуту;)

А вы и дальше делайте тени и градиенты картинками, и углы тоже закругляйте картинками) Привет из 2000x ;)

[qpPeW]

Rad Cor: видать Вы не внимательно смотрите, если присмотритесь ВНИМАТЕЛЬНЕЙ, увидите что в начале и в конце имеется затухание, сделайте такое же, тогда поговорим...

[Максим Воронков]

Можно сделать через svg, или png картирка.

[Капитан Какао]

Artem Yur'evich: ооооо.... всё ясно... Я даже не буду продолжать этот диалог.

[Артур Карапетян]

Rad Cor: Да, к сожалению, на тостере есть такие "прекрасные и не наглые" люди

[nosazus]

Artem Yur'evich: госпаде, да кому оно надо это затухание, кроме гея-дизайнера?

[Андрей Александрович]

@RadCor

А вот собственно и пример специально для вас.
https://jsfiddle.net/qmob05ok/

Конечно далёк от идеала, но я сделал его за минуту;)

Этот вариант наиболее подходящий из всех предложенных. Спасибо.
Rad Cor, поправьте свой первый комментарий с учетом этого решения.

[Капитан Какао]

Андрей Александрович: поправил)