- Designtips: Vit-tonad bild vid mouseover

Designtips: Vit-tonad bild vid mouseover

13/02
14.15

Fått lite frågor om hur jag får den vita toningen på mina bilder i inläggen, så nu tänkte jag förklara :)

Det enda jag har gjort är att lägga in en kod i kodmallen, eftersom jag har en vit bakgrund i mina inlägg så blir det en vit toning, annars blir bilderna egentligen genomskinliga.

1. Gå in i kodmallen och lägg den här koden mellan <head> och </head>.

<style type="text/css">
img{opacity: 1;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}

img:hover{opacity: 0.6;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
</style>

2. För att ändra hur genomskinlig du vill att bilden ska bli ändrar du img:hover{opacity: 0.6; från 0,1-1,0 beroende på hur mycket du vill att det ska vara. Sen lägger du bara in koden i varje kodmall så det syns överallt på bloggen :)

5 comments
Designtips

AW-Fotograf

Åh va jag önskar att jag hade pengar så jag kunde köpa de! Äääälskar sims :3

13/02 2013, kl. 15.01
URL: http://megapixeln.se

CECILIA

vilken fin blogg du har!
lust att göra ett bloglovin byte? :)

13/02 2013, kl. 15.59
URL: http://candersson.bloggplatsen.se

Lina

så fin blogg du har!
har du lust att göra ett bloglovinbyte? :)
kram.

13/02 2013, kl. 17.10
URL: http://daysbylina.blogg.se

Anonym

DU ÄR FAN BÄST DUUUU DET FINNS INGEN ANNAN MNNISKA I HELA VRLDEN SOM ÄR SNÄLLARE ÄN DIG.DU HAR ETT HJÄRTA GJORD AV GULD,DU ÄR EN ÄNGEL,SÅ AVD GÖR DU HÄR I VÄRLDEN ? DU BORDE VARA I HIMLEN;** PUSS PÅ DIG!!!!! ÄLSKAR DIG O DIN BLOGG!!!!!!!!!!!!!

13/02 2013, kl. 23.00
URL:

Lina

sv: följer dig nu, blev nummer 131! säg till när du följer mig och vilket nummer du blev :)

14/02 2013, kl. 07.31
URL: http://daysbylina.blogg.se