2015. október 28., szerda

Fekete-fehér képek

Kukucs!
Tegnap Ginny kérdezte, hogy lehet elérni, hogy a képek csak akkor változzanak színessé, mikor rá visszük a kurzort. Ezt egy CSS kóddal fogjuk elérni. 
Először meg kell keresnünk, hogy hol tudunk a CSS kódban babrálni. Ezt a Sablon --> Személyre szabás --> Speciális és itt a legutolsó lesz, ami nekünk kell a Stíluslap (CSS) hozzáadása. Ide a következő kódot kell beírni:

img {
-webkit-filter: grayscale(0.9);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

img:hover {
-webkit-filter: grayscale(0.0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

Ha ez meg van menteni kell és kész is vagyunk.

4 megjegyzés:

  1. Még egyszer köszönöm, hogy időt szántál rám! :)

    VálaszTörlés
    Válaszok
    1. Jaj semmiség, nagyon szívesen tetszem.

      Törlés
  2. Hű, ez nagyon hasznos volt! Köszönöm! :)

    VálaszTörlés
    Válaszok
    1. Örülök, hogy tudtam segíteni, és nagyon szívesen!

      Törlés