Designtips - Färgövergång på länkar vid mouseover

Tänkte tipsa om ett snyggt designtips! Att länkarna byter färg (segt) vid mouseover, som en "färgövergång".



1. Gå in i stilmallen. Klicka på ctrl+f och sök på a:hover.

2. Nu ska du klistra in koden här nedanför efter varje a:hover i stilmallen. Det är bara att scrolla så ser du dom!
color: #fd97eb;
-o-transition: all 1.0s ease-out 0s;
-webkit-transition: all 0.7s ease-out 0s;
-moz-transition: all 0.7s ease-out 0s;


3. Så här kan det t.ex. se ut:




Hoppas ni förstod!


Kommentarer
Postat av: Elisabeth

Kul med såna tips.. =) Ska läsa vidare på din blogg och se om jag ka hitta nåt.. =)



Chokladen är jättegod.. Rekommenderas varmt =)

2012-05-11 @ 17:44:48
URL: http://lajsa.com
Postat av: Malin P Larsson

Hej, fin blogg. Lust att göra ett bloglovin byte? :)

2012-05-11 @ 17:50:20
URL: http://cayennes.se
Postat av: Kitiwara & Ying

Förlåt för sent svar, men hoppas allt är bra med dig! (:



Var gärna med på veckans blogg http://twoasiians.blogg.se/2012/may/vinnarna-ny-omgang.html :D

Kram

2012-05-11 @ 18:32:09
URL: http://twoasiians.blogg.se/
Postat av: CASSANDRA - SÄJLER LINNEN MED FINA TEXTER!

sv; kollar på bb, händer ikväll? :)

2012-05-11 @ 21:20:21
URL: http://bruudar.blogg.se/
Postat av: Emmy & Alva

Sv; Allt är toppen! Vad gör du?



TAck tack!

2012-05-11 @ 21:49:50
URL: http://emmyalva.blogg.se/
Postat av: theaottosson

åh tack för all tips, dom behövdes! :D

2012-05-11 @ 21:51:16
URL: http://theeaottosson.blogg.se/
Postat av: NCfoto - FoToBlogg

SVAR; haha, okej ! ;)



Du skulle ju kunna rida baklänges & hoppa ett litet hinder också ? ;) ahha, valfri gångart !

2012-05-11 @ 21:58:51
URL: http://ncfoto.blogg.se/

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0