Vaizdus galite apversti naudodami CSS! Galimas scenarijus: turėti tik vieną „rodyklės“ grafiką, bet apversti, kad būtų rodoma skirtingomis kryptimis.
.flip-horizontally ( transform: scaleX(-1); )Pažiūrėkite, kaip viena rodyklė naudojama nukreipiant abi puses čia:
Peržiūrėkite
„CSS-Tricks“ („@ css-tricks“)
rašiklį „Apverskite vaizdą“ „CodePen“.
Pasukimas yra dar viena galimybė, o tai reiškia, kad mūsų viena rodyklė gali eiti daugybe krypčių:
Peržiūrėkite
„CSS-Tricks“ („@ css-tricks“)
rašiklį „Apverskite vaizdą“ „CodePen“.
Tai taip pat yra bet koks vaizdas arba iš tikrųjų bet koks elementas.
Peržiūrėkite
„CSS-Tricks“ („@ css-tricks“)
rašiklį „Apverskite vaizdą“ „CodePen“.
Senojo tiekėjo priešdėliai
Palikuonims:
img ( -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; )