CSS 3-Eigenschaften testen

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! :)

Kategorie: XHTML/CSS
Schlagworte: , , .

Nach oben

7 Antworten auf CSS 3-Eigenschaften testen

  1. Ist diese designerische Meisterleistung ( :D ) eigentlich ein ein vollständiger Überblick über die CSS3 Funktionen in Firefox?

    Danke für diese Übersicht.

  2. Christian sagt am

    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? :-D

    Ich schließe mich David an, vielen Dank für die Demo. :)

  3. Klaus sagt am

    Hallo ihr zwei,

    bitte gerne. :)

    von David:
    Ist diese designerische Meisterleistung ( :D ) eigentlich ein ein vollständiger Überblick über die CSS3 Funktionen in Firefox?

    hehe, Meisterleistung ist gut. :D
    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.

    von Christian:
    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?

    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

  4. Pingback: Anonymous

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

  6. 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…

    • Klaus sagt am

      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

Sprich und fürchte dich nicht!

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Bitte maskiert < mit &lt; und > mit &gt; sonst verschwinden sie im Nirgendwo!