t3n News Entwicklung

Animatable: CSS-Transitions im Überblick

Animatable: CSS-Transitions im Überblick

25 verschiedene CSS-Transitions zeigt Webentwicklerin Lea Verou in der Galerie zu ihrem jüngsten Projekt Animatable. Was für Übergänge kann ich mit einer einzelnen CSS-Eigenschaft erschaffen? Diese Frage will Verou mit Animatable klären und ruft zur Mitarbeit auf.

Animatable: CSS-Transitions im Überblick

Lea Verou: Bloggerin und Entwicklerin aus Leidenschaft

Lea Verou bei ihrer Lieblingsbeschäftigung? (Bildquelle: Lea Verou)

Lea Verou, mit bürgerlichem Namen Michaelia Komvouti-Verou, ist eine griechische Webdesignerin aus Athen. Sie ist Miteigentümerin der Agentur Fresset Ltd. und studiert Computer-Wissenschaften an der University of Economics and Business in Athen. In ihrem Blog behandelt sie hauptsächlich das Thema experimentelle CSS3 Eigenschaften.

Dabei ist sie sehr aktiv. Erst vor kurzer Zeit stellten wir hier bei t3n ihr Projekt PrefixFree vor. Hier handelt es sich um ein Script, das automatisch etwa erforderliche Browser-Prefixes in ein Stylesheet schreibt, so dass sich der Entwickler nicht mehr händisch darum kümmern muss.

Animatable: CSS-Transitions über eine einzelne Property gesteuert

Animatable: Lea Verous jüngstes CSS-Experiment

Geht da noch was? Lea Verou hat in wenigen Stunden bereits eine Galerie von 25 verschiedenen Transitions geschaffen, die sich sämtlich über die Projekt-Website erforschen lassen. Per Hover über eine der Basisformen wird der Transform ausgelöst, ein Klick auf eine Transition fördert weitere Informationen zutage und liefert einen Permalink.

Lea würde sich über Mitwirkende freuen und hat das Projekt daher auf GitHub zur Verfügung gestellt. Also, nochmal: Geht da noch was?

Newsletter

Bleibe immer up-to-date. Sichere dir deinen Wissensvorsprung!

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Keine Antwort
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema CSS
Redundant und riesengroß: CSS Purge zeigt die schlimmsten CSS-Sünder
Redundant und riesengroß: CSS Purge zeigt die schlimmsten CSS-Sünder

Im besten Fall sorgen CSS für kompaktes und gekapseltes Styling für Webseiten. Im Schlimmsten Fall wird CSS zur Hölle in Sachen Übersichtlichkeit und Redundanz. CSS Purge zeigt, welche Seiten die … » weiterlesen

WAIT! Animate: Schneller zu anschaulichen CSS-Animationen
WAIT! Animate: Schneller zu anschaulichen CSS-Animationen

Wait! Animate ist ein einfaches Tool um Animationen zu erstellen und zu konfigurieren, für das du kein JavaScript Know-How benötigst. » weiterlesen

5 praktische CSS-Libs: Wenn JavaScript pause machen darf
5 praktische CSS-Libs: Wenn JavaScript pause machen darf

CSS ist ein sehr mächtiges Werkzeug geworden und verdrängt in vielen Bereichen JavaScript immer weiter. Wofür wir früher jQuery benutzen mussten, kann heute schon mit reinem CSS gelöst … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?