Yosh Sob...
Nih Gwe Ada CSS Flip Horizontal..
Dari Pakek Di Flip Manual Menggunakan Photoshop..
Mending Disisipin CSS
CSS Defaultnya
img { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
Jika Ingin Dibuat Di Postingan...
Berikut Langkahnya
- Upload Gambar Terlebih Dahulu Dalam Mode Compose
- Kemudian Ubah Mode Compose Ke Mode HTML
- Nah Nanti Ada HTML Seperti Dibawah Ini
<div class="separator" style="clear: both; text-align: center;">
- Kemudian Sisipkan CSS Dibawah Ini Sebelum ">
-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";
- Jika Sudah Pindahkan Lagi Mode HTML Ke Mode Compose
- Lihat Hasilnya
Jika Ingin Menggunakan Di Semua Postingan Sebagai Hover
Berikut Langkah2nya
- Masuk Template
- Cari Kode /b:skin
- Pastekan CSS Dibawah Ini Tepat Diatasnya
.post img {-webkit-transition:all 2s ease-out; -moz-transition:all 2s ease-out; -o-transition:all 2s ease-out;}
.post img:hover {-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
Title : CSS Flip Horizontal
Description : Yosh Sob... Nih Gwe Ada CSS Flip Horizontal.. Dari Pakek Di Flip Manual Menggunakan Photoshop.. Mending Disisipin CSS CSS Default...