✔ CSS Text scheinen lassen

[SebiPuck]

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

 

[CPoly]

Das sind CSS Transitions.

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

 #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

 

[fbfeix]

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.

 

[Jan-Frederik Stieler]

Hallo,
@fbfeix: Er muss dies sogar mit

:hover

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

Viele Grüße

 

[SebiPuck]

Das sind CSS Transitions.

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

 #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 ......

 

[CPoly]

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

Größer?

text-shadow:0 0 2em #fff;