Bild mithilfe von benutzerdefiniertem Code drehen

Informationen zum Bildelement

Das Bild Das Element in GemPages ermöglicht es Ihnen, Bilder an beliebiger Stelle auf Ihrer Seite anzuzeigen, z. B. Produktfotos, Banner, Logos oder Werbegrafiken.

Weitere Informationen zum Bildelement und seinen integrierten Einstellungen finden Sie unter Bildelement.

Wie man ein Bild mithilfe von benutzerdefiniertem Code dreht

Schritt 1: Öffnen Sie das Panel „Benutzerdefinierter Code“.

Suchen Sie im GemPages-Editor nach dem/der Bild Element, das Sie drehen möchten.

Dann, Klicken Sie mit der rechten Maustaste auf das Bildelement. und wählen Sie Benutzerdefinierter Code.

Schritt 2: CSS-Code einfügen

Fügen Sie den folgenden CSS-Code in den folgenden Bereich ein: Benutzerdefinierter Code Box:

img {

  transform: rotate(XXdeg);

}

Schritt 3: Ersetzen Sie den Rotationswert.

Ersetzen XX mit der Anzahl der Grad, um die Sie das Bild drehen möchten.

Beispielsweise:

img {

  transformieren: rotieren (15 Grad);

}

dreht das Bild 15 Grad im Uhrzeigersinn.

Gängige Rotationswerte:

Schritt 4: Änderungen anwenden

Klicken Sie auf Tragen Sie um den benutzerdefinierten Code zu speichern.

Sehen Sie sich eine Vorschau Ihrer Seite an, um sicherzustellen, dass das Bild wie erwartet gedreht ist.