Judul : Fungsi Flipped Untuk Semua Gambar
link : Fungsi Flipped Untuk Semua Gambar
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);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)
-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>
Demikianlah Artikel Fungsi Flipped Untuk Semua Gambar
Sekian Fungsi Flipped Untuk Semua Gambar, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.