Fungsi Flipped Untuk Semua Gambar

Membuat gambar berputar mungkin sudah sering kita lakukan dan itu di lakukan pada tempat tertentu dan pemanggilannya harus menggunakan kode tertentu juga,

nah untuk pertemuan kali ini Full blog design | Kumpulan tutorial akan membuat sebuah gambar menjadi Flipped/membalik,tidak hanya satu gambar pada tempat tertentu yang akan membalik/flipped akan tetapi kang mahfid akan membuat fungsi flipped untuk Semua Gambar yang ada di blog sebagai contoh coba arahkan cursor pada semua gambar yang ada di blog ini.Penasaran ingin membuat trik ini silahkan Copas kode di bawah ini dan letakkan tepat di bawah kode ]]><b:skin> berikut kode nya :

<style>img{-moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;}
img:hover{
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}</style>

Atau jika sobat ingin meletakkan kode ini di atas kode ]]></b:skin> silahkan hapus kode <style>dan kode </style> pada kode di atas  silahkan berexperiment dan berkreasi semoga berhasil jika ada kesulitan silahkan ajukan pertanyaan di form komentar (Wassalam)

Judul Artikel :Fungsi Flipped Untuk Semua Gambar

Terima Kasih Sobat sudah membaca Artikel saya Tentang Fungsi Flipped Untuk Semua Gambar Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih