Jak stworzyć mały efekt, w którym zdjęcie (lub cokolwiek innego) przechodzi od skali szarości do pełnego koloru po najechaniu myszą. Użyłem tej sztuczki na kilku stronach i jest ona bardzo przydatna przy wyświetlaniu logo dla stron takich jak partnerzy, klienci, z którymi pracowaliśmy, nasi znajomi itp.
Ciesz się i mam nadzieję, że jest to przydatny mały fragment do zestawu narzędzi Divi!
.friend-logo { filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: .6; -webkit-transition: .6s; -moz-transition: .6s; transition: .6s;}.friend-logo:hover { filter: grayscale(0%); opacity: 1; margin-top: -5px; box-shadow: 0px 18px 22px -15px rgba(0,0,0,0.3);}