Wie CSS3 Effekte und Transformationen in Dreamweaver Bewerben

Die CSS3 Effekte und Transformationen können im Bedienfeld CSS-Stile definiert werden. eine CSS3-Effekt Erstellen nimmt auf Ihrer Seite etwas Tipp. Um eine CSS3-Effekt oder Transformation zu einer Stildefinition hinzuzufügen, gehen Sie folgendermaßen vor:

1

Von der Registerkarte Alle Bedienfeld CSS-Stile, wählen Sie den Stil und dann auf den Link Eigenschaft hinzufügen klicken.

Eine neue Zeile wird am unteren Rand des Fensters aktiv.

2

Wählen Sie entweder einen Effekt aus der Dropdown-Liste in der ersten (links) Reihe der neuen Spalte oder Typ-Transformation.

So wenden Sie einen Effekt, wie border-radius, diesen Effekt aus dem Menü wählen.

Um einen Übergang anwenden, wie Drehen, wählen Sie im Menü Transformieren. Eine zweite Dropdown-Liste erscheint dann in der rechten Spalte, aus der Sie spezifische Transformationen wählen (wie Drehen, Skalieren, neigen oder zu übersetzen).

3

Geben Sie einen Wert (e) für den Übergang oder Effekt in der zweiten Spalte.

Die Höhe der Hilfe, die Sie bekommen variiert. Zum Beispiel definieren, wenn Sie ein border-radius Effekt, ein handliches Dialogfeld erscheint, wenn Sie die zweite Spalte in dem Panel CSS-Stile klicken. Klicken Sie dann außerhalb des Popup-Dialog, um die Einstellungen zu übernehmen Sie ausgewählt haben.

4

Wenn Sie definieren, Effekte und Übergänge zu beenden, wählen Sie Datei-Save Alle beide geöffneten HTML-Dokument und das verknüpfte Stylesheet zu speichern.

Sie können die Wirkung Ihrer Effekte und Übergänge zu sehen, indem Sie Ihre Seite in einem Browser eine Vorschau (File-Vorschau im Browser wählen).

Ähnliche

Menü