Wie man Transitions nutzt CSS3 bietet sehr viele nützliche neue Features. Eines dieser Features sind Transitions (dt. Übergang/Blende). Mit Transitions lassen sich auf einfache Weise Effekte beim Übergang von einem Style zu einem anderen animieren. Sieh Dir einmal die Navigation oben auf dieser Seite an. Es ist zwar nicht sehr auffällig, aber wenn Du genau hinschaust, wirst Du merken, dass der Link beim Mouseover nicht direkt die Farbe wechselt, sondern fließend von der einen in…
Die Übersetzung dieses Tutorials ist momentan leider noch nicht optimal und wird nach und nach verbessert. Du kannst alternativ die englische Version lesen. Im zweiten Teil des Tutorials werden wir den CSS-Code erstellen und die Webseite responsive machen. Falls Ihr den ersten Teil des Tutorials, in dem der Aufbau der HTML-Struktur und das Einbinden der benötigten Skripts erklärt wird, noch nicht gelesen habt, solltet Ihr dies tun bevor Ihr mit dem zweiten Teil anfangt. Wir…
Benötigte Kenntnisse: mittel In diesem Tutorial werden wir Schritt für Schritt eine hübsche moderne responsive HTML5-Webseite erstellen. Ich habe versucht so viele Features wie möglich in das Tutorial zu integrieren. Wir werden uns mit einem jQuery Slider, CSS3-Transitions und CSS3-Animationen, CSS Media-Queries und noch einigem mehr beschäftigen. Der erste Teil des Tutorials wird Dir zeigen wie man die grundlegende HTML-Struktur aufbaut und welche Skripts für eine browserunabhängige Darstellung der Webseite benötigt werden. Im zweiten Teil…