Sie können Bilder mit CSS spiegeln! Mögliches Szenario: Nur eine Grafik für einen „Pfeil“, aber umdrehen, um in verschiedene Richtungen zu zeigen.
.flip-horizontally ( transform: scaleX(-1); )Sehen Sie hier, wie ein Pfeil verwendet wird, um in beide Richtungen zu zeigen:
Sehen Sie, wie der Stift
ein Bild mit CSS-Tricks (@ css-Tricks)
auf CodePen umdreht.
Rotation ist eine weitere Möglichkeit, was bedeutet, dass unser Pfeil in viele Richtungen gehen kann:
Sehen Sie, wie der Stift
ein Bild mit CSS-Tricks (@ css-Tricks)
auf CodePen umdreht.
Dies ist auch jedes Bild oder wirklich jedes Element überhaupt.
Sehen Sie, wie der Stift
ein Bild mit CSS-Tricks (@ css-Tricks)
auf CodePen umdreht.
Alte Herstellerpräfixe
Für die Nachwelt:
img ( -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; )