Om ni vill se lite av vad som hände bakom kulisserna i Adventure Motorcycle Expo kan ni kolla på Robert Baldingers film.
1680×945

Jag testar några varianter av bilder!

Observera att jag har tillägget Simple Lightbox aktiverat för att klick på bilder inte ska öppna dem i en ny URL-adress, sen är det bra att få ett bildspel på köpet.


Bild 1. Färgbild med länk till mediafil, dvs. precis som vanligt på den här webbsidan.


Bild 2. Färgbild med länk till bild i svartvitt.


Bild 3. Svartvit bild med länk till färgbild.


Bild 4. Färgbild med länk till mediafil, dvs. originalbilden i färg.
CSS-klass för bild:
#ID:hover {
filter: grayscale(100%);
}

Uppgifter om bild nummer 4.


Bild 5. Färgbild med länk till mediafil, dvs. originalbilden i färg.
CSS-klass för bild:
#ID {
filter: grayscale(0%);
transition: filter 0.3s ease-in-out;
}
#ID:hover {
filter: grayscale(100%);
}


Bild 6. Färgbild med länk till mediafil, dvs. originalbilden i färg.
CSS-klass för bild:
#ID {
filter: grayscale(0%);
transition: filter 0.3s ease-in-out;
}


Bild 7. Färgbild med länk till mediafil, dvs. originalbilden i färg.
CSS-klass för bild:
img {
transition: filter .5s ease-in-out;
-webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
filter: grayscale(0%); /* FF 35+ */
}

img:hover {
-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
filter: grayscale(100%); /* FF 35+ */
}


Bild 8. Färgbild med länk till mediafil, dvs. originalbilden i färg.
CSS-klass för bild: MC