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

Question

[Vladislav]

Как сделать плавный переход от прозрачности к непрозрачности элемента? Идея такова: сверху мы имеем у картинки 0% прозрачность, внизу 100% и соответственно все это отображается плавно, то есть это не анимация плавная должна быть, а плавный как бы переход прозрачности картинки сверху к низу, все это желательно на чистом CSS.

Comments

[Владислав Черненко]

картинке никак, нужна png-шка с таким градиентом... можно сверху наложить свой градиент, поверх картинки, типа обманув глаз... если дизайн конечно позволяет.

Answer 1

[Виталий Першин]

Это можно легко сделать при помощи -webkit-mask

Comments

[Vladislav]

Виталий спасибо, ваш вариант помог

Answer 2

[Вадим]