Wie drehen + kippen-element mit CSS
Transform-Eigenschaft können Sie ein Bild drehen oder spiegeln, aber wie kann man beides gleichzeitig? Sagen, ich will das drehen eines Elements um 90 Grad und horizontal zu spiegeln? Beide sind fertig mit derselben Eigenschaft, so ist die letztere überschreibt die frühere. Hier ist ein Beispiel fiddle für die Bequemlichkeit:
transform: rotate(90deg);
transform: scaleX(-1);
InformationsquelleAutor chinabuffet | 2013-06-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich fummelte mit jsfiddle, und das funktionierte:
Beziehen es auf Ihre Frage, die daraus resultierende CSS sieht wie
Der Raum Eigenschaften getrennt etwas ist in der spec -- wie "in der Spezifikation" Karten "unterstützt von den Browsern" wird jeder denken, aber ich möchte sicher sein, ich denke (soweit ich würde verlassen Sie sich auf Browsern die Implementierung verwandelt)
Ich mag, wie ich antwortete, die genau die gleiche Sache vor ihm, und Sie markiert sein als die Antwort.
InformationsquelleAutor James Green
Können die Eigenschaften durch Leerzeichen getrennt werden, wie so.
InformationsquelleAutor Austin Brunkhorst
Für zukünftige Generationen, eine vollständigere Antwort:
InformationsquelleAutor Kaan Soral
Haben Sie einen Blick auf diese:
für mehr info hier der link: https://css-tricks.com/snippets/css/flip-an-image/
InformationsquelleAutor Owaiz Yusufi