Neue Design-Tools und neue Styles mit CSS3

CSS3 macht grafische Effekte billiger und einfacher zu erstellen, schneller auf Web-Seiten zum Download und vieles mehr zugänglich in allen Arten von Umgebungen und Suchmaschinen.

Zum Beispiel (Feld und umschließt schiefe Text) der schrägen Text in der folgenden ist kein Graphik- es Text ist, die Sie kopieren können, und es ist indiziert (Oder in eine Datenbank gestellt) von Suchmaschinen können, lesen Sie laut werden, wenn Sprachsoftware in einem Browser oder Betriebssystem installiert ist, und muss nicht in eine Seite herunterladen.

bild0.jpg

Vernünftig eingesetzt, Animation und Interaktivität mit CSS3 eine Seite zum Leben erwecken kann, Dynamik und Energie hinzugefügt wird. Aber wie bei jeder Design-Technik, CSS3 Effekte und Transformationen können übertrieben werden. Der Punkt ist: Nur weil Effekte und Transformationen sind jetzt einfach ohne Software zu erstellen, die Sie bedeutet nicht, sollten Sie Ihre Seiten mit unentgeltlichen Effekte laden.

Der schiefe Feld und Kreis hier kann das Auge fassen und bisher nur als grafisches Bild oder Flash verfügbar Formatierung Behandlung.

image1.jpg

Hier sind die beiden grundlegenden Techniken für das Beleben und CSS3 Effekte interaktiv zu machen:

  • Mit Pseudo-Klassen: Eine Technik beruht auf CSS3 Effekte assoziieren und transformiert mit CSS-Pseudo-Klassen. Ein hovered Link stellt die einfachste Form von CSSinteractivity mit einem Effekt wie unterstreichen oder eine Hintergrundfarbe zu verursachen angezeigt werden, wenn eine Verbindung über wird schwebte.

  • Die Kombination von CSS3 mit javascript: Eine Technik für die Verwaltung von Interaktivität und Animation mit CSS3 Stile (oder allen möglichen anderen Arten) ist die Kombination von CSS3 mit javascript.

Menü