Voit kääntää kuvia CSS: n avulla! Mahdollinen skenaario: vain yksi kuva "nuolelle", mutta käännetään sitä ympäriinsä osoittamaan eri suuntiin.
.flip-horizontally ( transform: scaleX(-1); )Katso, miten yhtä nuolta käytetään osoittamaan molemmat suunnat täältä:
Katso
CSS-
Tricksin kynä Käännä kuva (@ css-tricks) CodePenissä.
Kierto on toinen mahdollisuus, mikä tarkoittaa, että yksi nuoli voisi mennä moniin suuntiin:
Katso
CSS-
Tricksin kynä Käännä kuva (@ css-tricks) CodePenissä.
Tämä on myös mikä tahansa kuva tai oikeastaan mikä tahansa elementti ollenkaan.
Katso
CSS-
Tricksin kynä Käännä kuva (@ css-tricks) CodePenissä.
Vanhat toimittajan etuliitteet
Jälkipolville:
img ( -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; )