Bagaimana cara membalik gambar latar belakang menggunakan CSS? Apa itu mungkin?
currenty Saya menggunakan panah gambar ini dalam background-image
dari li
di css
Hidup: visited
Saya perlu membalik panah ini secara horizontal. Saya dapat melakukan ini untuk membuat gambar lain dari panah TETAPI Saya hanya ingin tahu apakah mungkin untuk membalikkan gambar dalam CSS untuk:visited
css
mobile-webkit
Jitendra Vyas
sumber
sumber
Jawaban:
Anda dapat membaliknya secara horizontal dengan CSS ...
jsFiddle .
Jika Anda ingin membalik secara vertikal ...
Sumber .
sumber
-webkit-transform: scaleX(-1);
cukup?<a>
dan saya hanya ingin membalik gambar latar belakang. Kode yang Anda berikan adalah membalik seluruh elemenspan
dan kemudian membalikkannya.<li><a href="#"><span>text</span></a></li>
ini membalik teks juga jadi apa yang akan bertentangan dengan kode memberi Anda untuk membuka teks sehingga saya dapat menulis kode buka untukli a span { }
di cssSaya menemukan cara saya untuk membalik hanya latar belakang tidak seluruh elemen setelah melihat petunjuk untuk membalikkan jawaban Alex. Terima kasih alex atas jawaban Anda
HTML
CSS
Lihat contoh di sini http://jsfiddle.net/qngrf/807/
sumber
-webkit-transform:scaleX(-1);
untuk chromeMenurut w3schools: http://www.w3schools.com/cssref/css3_pr_transform.asp
Ini adalah transformasi 2D, sehingga harus berfungsi, dengan awalan vendor, di Chrome, Firefox, Opera, Safari, dan IE9 +.
Jawaban lain yang digunakan: sebelum menghentikannya membalik konten batin. Saya menggunakan ini pada catatan kaki saya (untuk secara vertikal-mirror gambar dari header saya):
HTML:
CSS:
Jadi Anda akhirnya membalik elemen dan kemudian membalik semua anak-anaknya. Bekerja dengan elemen bersarang juga.
sumber
Untuk apa nilainya, untuk browser berbasis Gecko Anda tidak dapat mengkondisikan hal ini
:visited
karena kebocoran privasi yang dihasilkan. Lihat http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/sumber
Anda dapat flip baik vertikal dan horizontal pada saat yang sama
Dan dengan properti transisi Anda bisa mendapatkan flip keren
Sebenarnya itu membalik seluruh elemen, bukan hanya
background-image
POTONGAN
sumber