CSS Transitions erklärt | CSS Tutorial Deutsch

Показать описание

Mit dem Coupon-Code: KURZUNDKNAPP
sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr.

CSS Transitions sind der animierte Wechsel zwischen Startzustand und Endzustand eines HTML-Elements. In diesem Video wirst du in nur 3 Minuten lernen, wie man CSS Transitions benutzt.

00:00 Grundlagen
00:49 transition-timing-function
02:00 transition-property
02:47 transition-delay

Folgende CSS-Eigenschaften werden erklärt:
1. transition-duration
2. transition-timing-function
3. transition-property
4. transition-delay

Die Syntax für die Transition-Eigenschaft sieht folgendermaßen aus:
transition: transition-property (optional) | transition-duration | transition-timing-function (optional) | transition-delay (optional);

Default-Werte der Transition-Eigenschaften:
transition-property: all;
transition-duration: 0s;
transition-timing-function: ease;
transition-delay: 0s;