Operation Manual

CSS3-Übergangseffekte
Nach oben
Zielregel
Übergang bei
Verwenden Sie für alle Eigenschaften denselben Übergang.
Verwenden Sie für jede Eigenschaft einen anderen Übergang.
Eigenschaft
Dauer
Verzögerung
Mithilfe des Bedienfelds „CSS-Übergänge“ können Sie CSS3-Übergänge erstellen, bearbeiten und löschen.
Um einen CSS3-Übergang zu erstellen, erstellen Sie eine Übergangsklasse. Dazu legen Sie die Werte für die Übergangseigenschaften des
Elements fest. Wenn Sie ein Element auswählen, bevor Sie eine die Übergangsklasse erstellen, wird die Übergangsklasse automatisch auf das
ausgewählte Element angewendet.
Sie können den erzeugten CSS-Code entweder zum aktuellen Dokument hinzufügen oder eine externe CSS-Datei angeben.
Erstellen und Anwenden von CSS3-Übergangseffekten
1. (Optional) Wählen Sie ein Element aus (Absatz, Überschrift usw.), auf das Sie den Übergang anwenden möchten. Stattdessen können Sie
auch einen Übergang erstellen und ihn später auf ein Element anwenden.
2. Wählen Sie „Fenster“ > „CSS-Übergänge“
3. Klicken Sie auf
.
4. Erstellen Sie mithilfe der Optionen im Dialogfeld „Neuer Übergang“ eine Übergangsklasse.
Geben Sie einen Namen für den Selektor ein. Es kann irgendein CSS-Selektor angegeben werden, etwa ein Tag, eine Regel,
eine ID oder ein zusammengesetzter Selektor. Wenn Sie beispielsweise auf alle <hr>-Tags Übergangseffekte anwenden wollen, geben Sie
hr ein.
Wählen Sie einen Status aus, auf den Sie den Übergang anwenden möchten. Soll der Übergang beispielsweise angewendet
werden, wenn die Maus über das Element bewegt wird, verwenden Sie die Option hover.
Aktivieren Sie diese Option, wenn Sie für alle CSS-Eigenschaften dieselbe
Dauer, Verzögerung und Zeitfunktion festlegen möchten, die sich im Verlauf des Übergangs allmählich ändern sollen.
Aktivieren Sie diese Option, wenn Sie für jede CSS-Eigenschaft, die sich
im Verlauf des Übergangs allmählich ändern soll, eine andere Dauer, Verzögerung und Zeitfunktion angeben wollen.
Klicken Sie auf
, zu dem Übergang eine CSS-Eigenschaft hinzuzufügen.
Geben Sie für die Dauer des Übergangseffekts einen Wert in Sekunden (S) oder Millisekunden (ms) ein.
Die Zeit (in Sekunden oder Millisekunden), bevor der Übergangseffekt beginnt.
280