Môžete otáčať obrázky pomocou CSS! Možný scenár: mať iba jednu grafiku pre „šípku“, ale otočiť ju tak, aby ukazovala rôznymi smermi.
.flip-horizontally ( transform: scaleX(-1); )Tu sa dozviete, ako sa používa jedna šípka na smerovanie oboch smerov:
Pozrite si pero
Flip an Image od CSS-Tricks (@ css-tricks)
na CodePen.
Otočenie je ďalšou možnosťou, čo znamená, že naša jedna šípka môže ísť mnohými smermi:
Pozrite si pero
Flip an Image od CSS-Tricks (@ css-tricks)
na CodePen.
Toto je tiež akýkoľvek obrázok alebo skutočne akýkoľvek prvok.
Pozrite si pero
Flip an Image od CSS-Tricks (@ css-tricks)
na CodePen.
Predpony starých dodávateľov
Pre potomkov:
img ( -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; )