Jak dodać podświetlenie zdjęcia na biało po najechaniu kursorem? - Blogger

Witajcie!
W tym poście przychodzę do Was z kolejnym tutorialem. Mam nadzieję, że Wam się przyda (mi osobiście się przydał) i zapraszam do czytania.

Zacznijmy!

Krok 1.

Wchodzimy na naszego Bloggera, a następnie w Szablon.

Krok 2.

Wybieramy Dostosuj.

Krok 3.

Klikamy ostatnią pozycję na liście, czyli Zaawansowane.

Krok 4.

Zjeżdżamy na sam dół naszej listy i wybieramy Dodaj arkusz CSS.

 

Krok 5.

W pole wklejamy nasz kod (kody podam za chwilę) i wciskamy klawisz Enter.

Uwaga! Jeśli w tym polu macie już jakiś/jakieś kod/kody CSS, już Wam pokazuję, co należy zrobić.

Przy ostatnim znaku ostatniego naszego kodu CSS stawiamy kursor i wciskamy klawisz Enter.
Następnie wklejamy nasz kod i ponownie wciskamy Enter.

Kod:

.post img { opacity: 1;

transition:opacity 0.4s ease-in-out; 

-o-transition:opacity 0.4s ease-in-out;

-moz-transition:opacity 0.4s ease-in-out; 

-webkit-transition:opacity 0.4s ease-in-out; 

}

.post img:hover {

opacity: 0.70; 

transition:opacity 0.4s ease-in-out; 

-o-transition:opacity 0.4s ease-in-out; 

-moz-transition:opacity 0.4s ease-in-out; 

-webkit-transition:opacity 0.4s ease-in-out; 

}

Gotowe! 

Podobał Wam się dzisiejszy post?
Do następnego :)

Karolina