Wie kann ich mit CSS gespiegelten oder gespiegelten Text erstellen?

CSS zum Spiegeln von Text verwenden

Ist es möglich, Text mithilfe von CSS so zu manipulieren, dass er gespiegelt oder gespiegelt erscheint? Beispielsweise möchten wir möglicherweise das Scherenzeichen „✂“ nach links statt nach rechts zeigen.

CSS-Transformationen zur Rettung

CSS-Transformationen machen es möglich, dies zu erreichen diesen Effekt. Um Text horizontal zu spiegeln, skalieren Sie das Element negativ auf der 1, 1);

-o-transform: Skala(-1, 1);

-ms-transform: Skala(-1, 1);
transform: Skala(-1, 1);
``

Um Text vertikal zu spiegeln, skalieren Sie das Element negativ auf der y-Achse:

``

-moz-transform: scale(1, -1);

-webkit-transform: Skala(1, -1);

-o-transform: Skala(1, -1);

-ms-transform: Skala(1, -1);
transform: scale(1, -1);
``


Demonstration

So nutzen Sie diese Transformationen in der Praxis:

Durch Hinzufügen der entsprechenden Klassen .flip_H oder .flip_V zu Elementen können Sie Text ganz einfach horizontal oder vertikal spiegeln.

Das obige ist der detaillierte Inhalt vonWie kann ich mit CSS gespiegelten oder gespiegelten Text erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!