Faire pivoter une image à l'aide d'un code personnalisé

À propos de l'élément Image

Le Image(s) L'élément <img> de GemPages vous permet d'afficher des images n'importe où sur votre page, telles que des photos de produits, des bannières, des logos ou des graphiques promotionnels.

Pour en savoir plus sur l'élément Image et ses paramètres intégrés, consultez Élément d'image.

Comment faire pivoter une image à l'aide de code personnalisé

Étape 1 : Ouvrez le panneau Code personnalisé

Dans l'éditeur GemPages, repérez le Image(s) élément que vous souhaitez faire pivoter.

Puis, clic droit sur l'élément Image et sélectionnez Code personnalisé.

Étape 2 : Collez le code CSS

Collez le CSS suivant dans le Code personnalisé du kit:

img {

  transformer : rotation(XXdeg);

}

Étape 3 : Remplacer la valeur de rotation

remplacer XX avec le nombre de degrés de rotation souhaité pour l'image.

Par exemple :

img {

  transformer : rotation(15deg);

}

fait pivoter l'image 15 degrés dans le sens horaire.

Valeurs de rotation courantes :

Étape 4 : Appliquer les modifications

Cliquez à nouveau Appliquer pour enregistrer le code personnalisé.

Prévisualisez votre page pour vous assurer que l'image est pivotée comme prévu.