Черно белый фильтр на блоке становится цветным при наведении

Простой и крутой эффект.

Делаем чб любой блок, а при наведении делаем его цветным с небольшим эффектом перехода:

.slick-arrow { 
   filter: grayscale(1);
   -webkit-filter: grayscale(1);
   transition: 0.1s ease-in-out;
   -webkit-transition: 0.1s ease-in-out;
opacity: 0.8;
}
.slick-arrow:hover {
opacity: 1;
filter: grayscale(0);
-webkit-filter: grayscale(0);   
}

 

Оставьте комментарий