Teksten rykker ved hover

Tags:    css

Hvordan får jeg et link til at rykke op på samme måde som på denne side?
www.simoneagger.dk

Altså hvordan får jeg mine egne links til at rykke op når jeg kører over dem, på samme måde som dem på siden?



6 svar postet i denne tråd vises herunder
5 indlæg har modtaget i alt 22 karma
Sorter efter stemmer Sorter efter dato
eller CSS3 via transitions og lidt margin/padding :)



Brug javascript/JQuery er mit bud

JQuery har mange forprogrammerede funktioner, som du kan benytte dig af, til forskellige ting, f.eks. at flytte en tekst fra et sted til et andet - Du kan evt. læse mere her om dette.

EDIT
Mener også at CSS3 kan flytte tekst/bokse, men dette er vist ikke kompatibelt med gamle browsere - Du kan evt. se lidt om featuren her

EDIT EDIT
Der var en der var hurtigere med transitions :P



Indlæg senest redigeret d. 24.02.2012 15:08 af Bruger #4487
Jeg vil ikke anbefale at bruge jQuery til denne funktionalitet. Det er en ikke kritisk kosmetisk detalje - og det er ikke jordens undergang at det ikke virker for folk med ældre browsere. Der er en god chance for at lige præcis det segment der ikke opdaterer deres browser er samme gruppe som ikke går op i kosmetiske detaljer.



Meget skrabet css3 version, men du kan se konceptet - http://jsfiddle.net/dE45G/



Jeg er enig med dig Gustav, men ville stadig nævne det, så han var klar over det :)



Det vil jeg prøve. :)



t