Hallo, ich haben eine Frage zu Css, und auch html:

Und zwar wollte ich auf meiner Website, in der Naviliste den Text erscheinen Lassen, wenn man mit der Maus drauf fahrt, so wie das hier ist : http://cube-network.com (ist glaube ich nur mit Firefox erkennbar....)
Wie kann ich das machen ?
Freu mich auf eure Antworten, danke

Das sind CSS Transitions.

Originalcode (http://cube-network.com/wp-content/t...rk/style.css):

Code css:

1 2 3 4 5 6 7 8 9 10 11

#navigation li a:hover{     color:#CCC;     text-shadow:0 0 0.5em #fff;     background-position:top left;     background-repeat:repeat-x;         -webkit-transition:all 0.5s ease-in-out;     -moz-transition:all 0.5s ease-in-out;     -o-transition:all 0.5s ease-in-out;     -ms-transition:all 0.5s ease-in-out; }

Mehr:
https://developer.mozilla.org/en/CSS/CSS_transitions

Kann des ganze jetz auf meinem galaxy note nicht testen aber wieso machst du das ganze nicht mit :hover? Einfach beim Standardblock die Schriftfarbe auf die Hintergrundfarbe setzt und dann bei (bsp) Standard:hover eine andere Farbe setzen.

Hallo,
@fbfeix: Er muss dies sogar mit

Code css:

1

:hover

machen, sonst funktioniert es nicht. Aber ihm geht es ja um die Animation von Hover. Diese Transitions sind CSS3.

Viele Grüße

Zitat von CPoly

Das sind CSS Transitions.

Originalcode (http://cube-network.com/wp-content/t...rk/style.css):

Code css:

1 2 3 4 5 6 7 8 9 10 11

#navigation li a:hover{     color:#CCC;     text-shadow:0 0 0.5em #fff;     background-position:top left;     background-repeat:repeat-x;         -webkit-transition:all 0.5s ease-in-out;     -moz-transition:all 0.5s ease-in-out;     -o-transition:all 0.5s ease-in-out;     -ms-transition:all 0.5s ease-in-out; }

Mehr:
https://developer.mozilla.org/en/CSS/CSS_transitions

Danke habe alles erfolgreich eingefügt, echt super
Aber wie kann ich die größe des Scheines ändern ? Habe das nirgends gefunden ......

Das hat dann wiederum nur mit der "text-shadow" Eigenschaft zu tun: https://developer.mozilla.org/en/CSS/text-shadow

Größer?

Code css:

1	text-shadow:0 0 2em #fff;