Schöne Welt CSS3
Posted: Wed 23. Jun 2010, 16:21
Wir war heute so, ich hatte keinen Bock und da viel mir meine neuste Zeitschrift INTERNET intern ins Auge und der Artikel über HTML5 (jaaa, ist noch keine finale Version - ich weiß 
) und CSS3. Letzteres hat mich dazu animiert an (m)einer neuen Webpage ein wenig tumzubasteln, die ist noch nicht freigegeben und in einem Teststadium.
Aber immerhin hatte ich die Idee flipflops horizotales Menümodul ein wenig abzuändern.
Das Ergebnis sehr Ihr jetzt hier !
Voraussetzung:
* FF, OPERA, CHROME, SAFARI - alles neuste Ausführungen und IE (>7
)
Dank der einfachen flipflop-CSS-Menüstruktur hatte ich in 10 Minuten das Teil soweit fertig. Macht richtig Spass
, wenn mann runde Ecken mit 8 Zeilen Code und den Schatten mit 3 Zeilen auf die Reihe bekommt 
) und CSS3. Letzteres hat mich dazu animiert an (m)einer neuen Webpage ein wenig tumzubasteln, die ist noch nicht freigegeben und in einem Teststadium.Aber immerhin hatte ich die Idee flipflops horizotales Menümodul ein wenig abzuändern.
Das Ergebnis sehr Ihr jetzt hier !
Voraussetzung:
* FF, OPERA, CHROME, SAFARI - alles neuste Ausführungen und IE (>7
)Dank der einfachen flipflop-CSS-Menüstruktur hatte ich in 10 Minuten das Teil soweit fertig. Macht richtig Spass
, wenn mann runde Ecken mit 8 Zeilen Code und den Schatten mit 3 Zeilen auf die Reihe bekommt Code: Select all
/* ---------------RUNDE ECKEN ------------------------*/
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-left-radius: 5px;
-khtml-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
/*-------------------SCHATTEN-----------------------------*/
-webkit-box-shadow: 5px 5px 3px #646464;
-moz-box-shadow: 5px 5px 3px #646464;
box-shadow: 5px 5px 3px #646464;
