"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Comment incliner un conteneur tout en gardant son texte inchangé ?

Comment incliner un conteneur tout en gardant son texte inchangé ?

Publié le 2024-12-22
Parcourir:742

How to Skew a Container While Keeping Its Text Unskewed?

Comment incliner un élément tout en gardant le texte normal (non incliné)

Créer un bouton incliné avec un texte non incliné

Pour créer un élément asymétrique avec un texte non incliné, vous pouvez appliquer une transformation aux éléments parent et enfant :

Skewing l'élément parent :

Utilisez la propriété transform: skew() pour incliner l'élément parent (dans ce cas, l'élément

  • ).

    Désinclinaison l'élément enfant :

    Appliquez une transformation opposée à l'élément enfant (l'élément Home

  • Products
  • Contact
  • Résultat :

    Cela créera un menu avec des boutons inclinés mais un texte non incliné, permettant un effet d'angle sans déformer la lisibilité des liens. .

    Dernier tutoriel Plus>

    Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

    Copyright© 2022 湘ICP备2022001581号-3