Maison > interface Web > tutoriel CSS > Comment faire pivoter et positionner un élément dans le coin supérieur gauche ou supérieur droit ?

Comment faire pivoter et positionner un élément dans le coin supérieur gauche ou supérieur droit ?

Barbara Streisand
Libérer: 2024-11-10 19:13:02
original
562 Les gens l'ont consulté

How to Rotate and Position an Element on the Top Left or Top Right Corner?

Rotation et positionnement d'un élément dans le coin supérieur gauche ou supérieur droit

Pour faire pivoter un div avec du texte et le placer en haut à gauche coin, le code suivant peut être utilisé :

Ici, la propriété transform-origin est définie en haut à gauche, ce qui fait que la rotation se produit avec par rapport au coin supérieur gauche. La traduction TranslateX (-100%) déplace l'élément pivoté vers la gauche de 100% de sa largeur.

Pour aligner l'élément avec le bord droit, vous pouvez modifier la valeur TranslateX pour qu'elle soit positive, comme TranslateX (100%). Cela déplacera l'élément pivoté vers la droite de 100 % de sa largeur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal