Tel:515-366-505 Tworzenie stron internetowych CMS-Wordpress admin@ssv.pl

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);
}
print
Szybki kontakt!
+
Wyślij!