Главная
→
Блог
→
Из ч/б изображения в цветное

Как сделать черно-белое фото цветным при наведении

Наведи на изображение и оно станет цветным

Код позволяет окрашивать картинку из ч/б в цветную при наведении / нажатии на сайте в Тильда.
Все, что вам надо - добавить картинку в оригинале и код все сделает за вас (уберет цвет, сделав изображение черно-белым и окрасит его при наведении).

Инструкция:

Добавляем фото в стандартный блок или Zero-Block и задаем блоку / элементу класс (я назвал класс блока IM01 - .uc-blackWhiteImg)
Копируем код ниже и вставляем в блок T123
Меняем класс в коде, если надо.


<!--Из ч/б картинки в цветную https://t.me/breeze_tilda-->

<style>
/*укажите свой CSS класс, заменив uc-blackWhiteImg*/
.uc-blackWhiteImg { 
    filter: grayscale(100%); 
    transition: .3s ease;
}
.uc-blackWhiteImg:hover { 
    filter: none;
}
</style>

Больше кода для Tilda в ТГ-канале

Поблагодари за код - подпишись https://t.me/breeze_tilda