Как на CSS3 сделать затухание?

Question

[Vit]

Как сделать затухание на CSS3 как в этом примере?



Спасибо!

Comments

[Ярослав Иванов]

И где там ? мы сами должны найти ?

[Дмитрий]

Попахивает рекламой :)

[Vit]

Дмитрий: Предлагаю не внюхиваться, а реальным делом помочь )

[HamSter]

попробую предположить что это prntscr.com/ebqg1p

[Vit]

HamSter: Вопрос касается CSS3. То, что там png это ясно.

[Vit]

Ярослав Иванов: Почему бы и нет? Затухание там только в одном блоке.

[Ярослав Иванов]

Vit: Что ?

[Ярослав Иванов]

Vit: В гугле забанили ? bfy.tw/AE3p

[Vit]

Ярослав Иванов: Это все я смотрел. Думаю здесь есть профессионалы, которые дадут лучше варианты.

[Ярослав Иванов]

Vit: Прям таки весь гугл перерыли и ничего не нашли ? Смею предположить, что после первой ссылки поленились и теперь хотите чтобы все сделали за вас. Тут работы на 3 строчки. Профессионалы таким не занимаются.

[Vit]

Ярослав Иванов: Вы явно профессионал. Подождем ответов от коллег.

Answer 1

[Андрей Hecc]

На последнем проекте, я делал через псевдокласс :before и градиент.
https://jsfiddle.net/ahd3mp54/1/

Работает отлично.

Comments

[Vit]

Спасибо. Отличное решение.

Answer 2

[holymotion]

Наверное самый нормальный вариант - это box-shadow inset