„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Wie kann man einen Container verzerren, ohne dass der Text verzerrt bleibt?

Wie kann man einen Container verzerren, ohne dass der Text verzerrt bleibt?

Veröffentlicht am 22.12.2024
Durchsuche:898

How to Skew a Container While Keeping Its Text Unskewed?

So neigen Sie ein Element, behalten aber den normalen Text bei (nicht schräg)

Erstellen einer schrägen Schaltfläche mit nicht schrägem Text

Zum Erstellen Bei einem verzerrten Element mit nicht verzerrtem Text können Sie eine Transformation sowohl auf das übergeordnete als auch auf das untergeordnete Element anwenden elements:

Schiefen des übergeordneten Elements:

Verwenden Sie die Eigenschaft transform: skew(), um das übergeordnete Element (in diesem Fall das

  • -Element) zu neigen.

    Verzerrung des untergeordneten Elements aufheben:

    Wenden Sie eine entgegengesetzte Transformation auf das untergeordnete Element an (das Home

  • Products
  • Contact
  • Ergebnis:

    Dadurch wird ein Menü mit schrägen Schaltflächen, aber nicht schrägem Text erstellt, was einen schrägen Effekt ermöglicht, ohne die Lesbarkeit der Links zu beeinträchtigen .

    Neuestes Tutorial Mehr>

    Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

    Copyright© 2022 湘ICP备2022001581号-3