Как сделать плавность анимации :hover?

Question

[Влад Ашихмин]

Необходимо сделать плавную анимацию появления текста над картинкой и уменьшение непрозрачности картинки.

Исходный код:


Не понимаю куда необходимо пристроить свойство transition и какое значение ему задать.

Answer 1

[Станислав Некрасов]

По идее:

.work__card__title,
.work__card__text,
.work__card img {
    transition: opacity .5s; /* Или тут другое время, в секундах */
}

Comments

[Влад Ашихмин]

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

[Станислав Некрасов]

Влад Ашихмин, удачи)