Sie sind hier : sebastian1012.bplaced.net/ homepage-neu / Themen-Blog2 / video-tutorial-5-css3-tricks-die-du-vielleicht-noch-nicht-kennst.php

Video-Tutorial: 5 CSS3-Tricks die du vielleicht noch nicht kennst

Da das gestrige und erste Video-Tutorial Einfacher AJAX-Request mit Hilfe von jQuery laut den Blogkommentaren doch besser ankam als ich dachte, habe ich mich entschlossen, dass Video-Bloggen weiter zu verfolgen und in Zukunft regelmäßig Video-Tutorials auf meinem Blog zu veröffentlichen.

Auf meinen Streifzügen durchs Web fallen mir immer mal wieder CSS3-Eigenschaften auf, die man regelmäßig wiederfindet. Dazu gehören beispielweise border-radius, um Elemente abzurunden, oder box-shadow, um einen Schlagschatten zu definieren. Andere Eigenschaften sind hingegen weniger bekannt, obwohl sich mit Ihnen auch häufig produktive Sachen anstellen ließen. Um fünf dieser CSS3-Eigenschaften und -Selektoren soll es im heutigen Video gehen.

Wie bereits beim letzten Video empfehle ich, dass Video in seiner nativen Auflösung zu betrachten. Bei Vimeo sollte man dafür die HD-Variante wählen.

Verwendete Datei: index.html

Da es sich in diesem Beispiel der Übersichtlichkeit wegen um einen Inline <style>-Block gehandelt hat, war nur eine Datei nötig. Den Inhalt der finalen index.html gibt es hier:

Weiterführende Informationen zu den verwendeten CSS3-Elementen