Slike možete okretati s CSS-om! Mogući scenarij: imati samo jednu grafiku za "strelicu", ali okretati je kako bi usmjerila u različite smjerove.
.flip-horizontally ( transform: scaleX(-1); )Pogledajte kako se ovdje koristi jedna strelica za usmjeravanje oba smjera:
Pogledajte Olovka
okrećite sliku CSS-Tricks (@ css-tricks)
na CodePenu.
Rotacija je još jedna mogućnost, što znači da bi naša jedna strelica mogla ići u puno smjerova:
Pogledajte Olovka
okrećite sliku CSS-Tricks (@ css-tricks)
na CodePenu.
Ovo je također bilo koja slika ili zapravo bilo koji element.
Pogledajte Olovka
okrećite sliku CSS-Tricks (@ css-tricks)
na CodePenu.
Prefiksi starih dobavljača
Za potomstvo:
img ( -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; )