Anleitungen zum Verständnis der CSS 3-Eigenschaften gibt es schon einige. Websites wo diese Eigenschaften erklärt werden auch.Mein Versuch euch CSS 3 näher zu bringen ist etwas anders:
Zunächst habe ich eine kleine Website mit dem Titel Der IE muss draußen bleiben erstellt und hochgeladen.
Berücksichtigt wurde die korrekte Darstellung im Firefox. Um Safari und Opera habe ich mich auch nicht gekümmert. Der Club ist also nur für FF-Mitglieder uneingeschränkt zugänglich.
Um Safari zu berücksichtigen fügt ihr einfach an geeigneter Stelle -webkit- ein, oder tauscht das -moz- dagegen aus.
Für unsere Operas klemmt ihr das -moz- und/oder -webkit- einfach ab oder ergänzt eine Zeile ohne das.
In der CSS-Datei habe ich kurze Erklärungen zu den CSS 3-Features per Kommentar über den entsprechenden Codezeilen eingefügt.
Damit ihr unbeschwert und ohne langatmige Erklärungen rumtesten könnt, habe ich hier einen gezippten Ordner mit der kompletten Website zum Download hinterlegt.
Viel Spaß damit!
Ist diese designerische Meisterleistung (
) eigentlich ein ein vollständiger Überblick über die CSS3 Funktionen in Firefox?
Danke für diese Übersicht.
Interessant, muss ich mir bei Gelegenheit nochmal genauer ansehen, ich gebe zu, dass ich CSS3 bisher wenig Beachtung geschenkt habe, aber scheinbar lohnt es sich.
Eine Frage habe ich dennoch:
Ist es normal, dass die Buchstaben in den Menüpunkten, wenn man mit der Maus über das Menü hovert, sich ständig bewegen bzw. so zucken?
Oder ist das nur bei mir so?
Ich schließe mich David an, vielen Dank für die Demo.
Hallo ihr zwei,
bitte gerne.
hehe, Meisterleistung ist gut.
Optisch eher etwas grobschlächtig.
Das sind nicht alle Funktionen, aber viele. Vor allem die, die man heute schon einsetzen kann. Da bekommt der IE halt einfach weniger zu sehen.
Mir ging es hauptsächlich darum etwas zum schnellen Testen anzubieten, ohne ellenlange Erklärungen.
das ist bei mir auch so und ist ohne Zweifel störend. Das könnte ich wohl weitgehend abstellen, indem ich die Box nicht so stark versetze.
Da ich aber von den Möglichkeiten des Boxen-verschiebens/verbiegens/etc. ohne groß Grafiken machen zu müssen so begeistert war, habe ich es erst mal gelassen.
Gruß
Klaus
Pingback: Anonymous
Moin,
bin grade über das xhtmlforum hierhin gestolpert =)
Eventuell nützt dir meine CSS3-JavaScript-Bibliothek, ich baue diese gerade auf, um dynamisch diese Vendor-Prefixes in den Stylesheets zu ersetzen.
Eine kleine Demo gibt’s hier:
http://sandbox.martens.ms/demos/css3-detection.html
Grüßel,
Christoph
Hab ja die Seite schon vor ner Weile mal angeschaut… Da wir grad ‘nen Contest machen, hab ich mich auch mal mit dem Zeugs auseinandergesetzt. Da geht noch viel mehr
css-Contest…
Tach Bernd,
das da noch einiges mehr geht denke ich auch.
Der Artikel war nur ne Spielerei, wo ich CSS3-Sachen eingebaut habe. Vorher hatte ich mich kaum damit befaßt.
Gruß
Klaus