CSS ile görüntüleri çevirebilirsiniz! Olası senaryo: "ok" için yalnızca bir grafiğe sahip olmak, ancak farklı yönleri göstermek için çevirmek.
.flip-horizontally ( transform: scaleX(-1); )Her iki yönü de göstermek için bir okun nasıl kullanıldığını burada görün:
Kalem Bkz
(css-hileler @) CSS-Tricks tarafından Görüntüyü çevirin
CodePen üzerinde.
Döndürme başka bir olasılıktır, yani tek okumuz birçok yöne gidebilir:
Kalem Bkz
(css-hileler @) CSS-Tricks tarafından Görüntüyü çevirin
CodePen üzerinde.
Bu da herhangi bir görüntü veya gerçekten herhangi bir unsurdur.
Kalem Bkz
(css-hileler @) CSS-Tricks tarafından Görüntüyü çevirin
CodePen üzerinde.
Eski Satıcı Önekleri
Gelecek nesil için:
img ( -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; )