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?

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

20 CSS-Cursor-Eigenschaften für bessere Usability
20 CSS-Cursor-Eigenschaften für bessere Usability

Schon mal darüber nachgedacht, den Cursor deinem Design anzupassen? Wir haben einige Beispiele rausgesucht, wie du mit dem Cursor deine Usability noch besser machen kannst. » weiterlesen

CSS-Hamburger: Leckere Menü-Animationen für eure Webseite
CSS-Hamburger: Leckere Menü-Animationen für eure Webseite

Das Hamburger-Menü ist inzwischen auf unzähligen Webseitee zu finden – spätestens bei einem kleineren Viewport ist es nicht mehr wegzudenken. Die drei horizontalen Balken visualisieren ein … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?