Slike lahko obračate s CSS! Možen scenarij: imeti samo eno grafiko za "puščico", vendar jo obrniti, da kaže v različne smeri.
.flip-horizontally ( transform: scaleX(-1); )Oglejte si, kako se z eno puščico tukaj kažejo obe smeri:
Oglejte si
sliko pisala CSS-Tricks (@ css-tricks)
na CodePen.
Vrtenje je še ena možnost, kar pomeni, da lahko naša ena puščica gre v veliko smeri:
Oglejte si
sliko pisala CSS-Tricks (@ css-tricks)
na CodePen.
Tudi to je katera koli slika ali v resnici kateri koli element.
Oglejte si
sliko pisala CSS-Tricks (@ css-tricks)
na CodePen.
Predpone starega prodajalca
Za potomce:
img ( -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; )