Buat Gambar Bertukar Ganti


DEMO

Pergi layout -Add A gadget -Edit HTML/Javascript. Pastekan Kod

<style> .btcontainer { position: relative;margin: 30px;height: 250px;width: 550px;float: left;} /*Photo Border*/ .imagebt1, .imagebt2 { border: 5px solid #fff;border-radius: 3px;height: 200px;margin: 20px;position: absolute;width: 300px; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px rgba(0,0,0,0.3);} .imagebt1 { -webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-o-transform: rotate(-7deg);-ms-transform: rotate(-7deg);transform: rotate(-7deg);} .imagebt2 { left: 100px;-webkit-transform: rotate(7deg);-moz-transform: rotate(7deg);-o-transform: rotate(7deg);-ms-transform: rotate(7deg);transform: rotate(7deg);} /*HOVERS*/ .btcontainer:hover { cursor: pointer;} .btcontainer:hover .imagebt1 { -webkit-animation: imagebt1 1.5s 2 alternate;-moz-animation: imagebt1 1.5s 2 alternate;-ms-animation: imagebt1 1.5s 2 alternate;-o-animation: imagebt1 1.5s 2 alternate;animation: imagebt1 1.5s 2 alternate; } .btcontainer:hover .imagebt2 { -webkit-animation: imagebt2 1.5s 2 alternate; -moz-animation: imagebt2 1.5s 2 alternate; -ms-animation: imagebt2 1.5s 2 alternate; -o-animation: imagebt2 1.5s 2 alternate; animation: imagebt2 1.5s 2 alternate;} @keyframes "imagebt1" { 0% {-webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-o-transform: rotate(-7deg);-ms-transform: rotate(-7deg);transform: rotate(-7deg); } 50% {-webkit-transform: rotate(-14deg);-moz-transform: rotate(-14deg);-o-transform: rotate(-14deg);-ms-transform: rotate(-14deg);transform: rotate(-14deg); } 100% {-webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-o-transform: rotate(-7deg);-ms-transform: rotate(-7deg);transform: rotate(-7deg); }} @-moz-keyframes imagebt1 { 0% { -moz-transform: rotate(-7deg);transform: rotate(-7deg); } 50% { -moz-transform: rotate(-14deg);transform: rotate(-14deg); } 100% { -moz-transform: rotate(-7deg);transform: rotate(-7deg); } } @-webkit-keyframes "imagebt1" { 0% { -webkit-transform: rotate(-7deg);transform: rotate(-7deg); } 50% { -webkit-transform: rotate(-14deg);transform: rotate(-14deg); } 100% { -webkit-transform: rotate(-7deg);transform: rotate(-7deg); } } @-ms-keyframes "imagebt1" { 0% {-ms-transform: rotate(-7deg);transform: rotate(-7deg); } 50% {-ms-transform: rotate(-14deg);transform: rotate(-14deg); } 100% {-ms-transform: rotate(-7deg);transform: rotate(-7deg); } } @-o-keyframes "imagebt1" { 0% {-o-transform: rotate(-7deg);transform: rotate(-7deg); } 50% {-o-transform: rotate(-14deg);transform: rotate(-14deg); } 100% {-o-transform: rotate(-7deg);transform: rotate(-7deg); } } @keyframes "imagebt2" { 0% { left: 100px;z-index: 1;-webkit-transform: rotate(7deg);-moz-transform: rotate(7deg);-o-transform: rotate(7deg);-ms-transform: rotate(7deg);transform: rotate(7deg); } 49% { left: 350px;z-index: 1;-webkit-transform: rotate(20deg);-moz-transform: rotate(20deg);-o-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg); } 50% { left: 350px;z-index: -3;-webkit-transform: rotate(20deg);-moz-transform: rotate(20deg);-o-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg); } 100% { left: 100px;z-index: -3;-webkit-transform: rotate(7deg);-moz-transform: rotate(7deg);-o-transform: rotate(7deg);-ms-transform: rotate(7deg);transform: rotate(7deg); } } @-moz-keyframes imagebt2 { 0% {left: 100px;z-index: 1;-moz-transform: rotate(7deg);transform: rotate(7deg); } 49% { left: 350px;z-index: 1;-moz-transform: rotate(20deg);transform: rotate(20deg); } 50% { left: 350px;z-index: -3;-moz-transform: rotate(20deg);transform: rotate(20deg); } 100% { left: 100px;z-index: -3;-moz-transform: rotate(7deg);transform: rotate(7deg); } } @-webkit-keyframes "imagebt2" { 0% {left: 100px;z-index: 1;-webkit-transform: rotate(7deg);transform: rotate(7deg); } 49% { left: 350px;z-index: 1;-webkit-transform: rotate(20deg);transform: rotate(20deg); } 50% {left: 350px;z-index: -3;-webkit-transform: rotate(20deg);transform: rotate(20deg); } 100% {left: 100px;z-index: -3;-webkit-transform: rotate(7deg);transform: rotate(7deg); } } @-ms-keyframes "imagebt2" { 0% {left: 100px;z-index: 1;-ms-transform: rotate(7deg);transform: rotate(7deg); } 49% {left: 350px;z-index: 1;-ms-transform: rotate(20deg);transform: rotate(20deg); } 50% {left: 350px;z-index: -3;-ms-transform: rotate(20deg);transform: rotate(20deg); } 100% {left: 100px;z-index: -3;-ms-transform: rotate(7deg);transform: rotate(7deg); } } @-o-keyframes "imagebt2" { 0% {left: 100px;z-index: 1;-o-transform: rotate(7deg);transform: rotate(7deg); } 49% {left: 350px;z-index: 1;-o-transform: rotate(20deg);transform: rotate(20deg); } 50% {left: 350px;z-index: -3;-o-transform: rotate(20deg);transform: rotate(20deg); } 100% {left: 100px;z-index: -3;-o-transform: rotate(7deg);transform: rotate(7deg); } } </style> <div class="btcontainer"> <img class="imagebt1" src="urlgambaranda1" alt=""> <img class="imagebt2" src="urlgambaranda2" alt=""> </div>

Gantikan urlgambaranda1 dan 2 dengan gambar yang anda inginkan.



Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :

http://fitri1986.blogspot.com/2018/12/buat-gambar-bertukar-ganti.html

Kempen Promosi dan Iklan
Kami memerlukan jasa baik anda untuk menyokong kempen pengiklanan dalam website kami. Serba sedikit anda telah membantu kami untuk mengekalkan servis percuma aggregating ini kepada semua.

Anda juga boleh memberikan sumbangan anda kepada kami dengan menghubungi kami di sini
Pengalaman Menempah Dan Diy Kemeja T Grafik Serta Magnet Gambar Di Printcious Com

Pengalaman Menempah Dan Diy Kemeja T Grafik Serta Magnet Gambar Di Printcious Com

papar berkaitan - pada 14/12/2018 - jumlah : 465 hits
Seronok apabila tempahan kemeja T Grafik rekaan sendiri dan juga magnet bergambar telah sampai di tangan tidak sampai seminggu tempahan dibuat Mana lagi kalau bukan di Printcious com Kemeja T Grafik dan magnet bergambarHasil yang sangat can...
Gambar Terkini Izyan Isteri Ke 3 Ustaz Azhar Idrus Yang Semakin Jelita Dan Menawan

Gambar Terkini Izyan Isteri Ke 3 Ustaz Azhar Idrus Yang Semakin Jelita Dan Menawan

papar berkaitan - pada 14/12/2018 - jumlah : 4568 hits
Ustaz Azhar Idrus merupakan seorang penceramah bebas yang terkenal dengan jenaka spontannya dan melucukan dalam ceramah di kaca TV dan juga video yang dimuat naik di Youtube Ustaz Azhar Idrus merupakan seorang penceramah bebas yang terkenal...
Kakak Ada Benda Dekat Belakang Ezzaty Abdullah Terkejut Ada Kelibat Yang Menumpang Dalam Gambar

Kakak Ada Benda Dekat Belakang Ezzaty Abdullah Terkejut Ada Kelibat Yang Menumpang Dalam Gambar

papar berkaitan - pada 14/12/2018 - jumlah : 3313 hits
Pelakon Ezzaty Abdullah mengakui terkejut apabila ada kelibat menumpang dalam foto yang dikongsikan menerusi Insta Story ketika berada di rumahnya Menurut Ezzaty dia mula perasan ada sesuatu yang menumpang di belakangnya selepas peminatnya ...
Gambar Pemimpin Umno Jumpa Tun M Tular

Gambar Pemimpin Umno Jumpa Tun M Tular

papar berkaitan - pada 13/12/2018 - jumlah : 366 hits
GAMBAR Timbalan Presiden UMNO Datuk Seri Mohamad Hasan serta lima lagi pemimpin parti itu bersama Perdana Menteri Tun Dr Mahathir Mohamad yang tular di media sosial hari ini disahkan adalah tulen Menurut Penasihat Khas Media dan Komunikasi ...
Tular Gambar Orang Kuat Umno Jumpa Tun Mahathir Untuk Makan Tapi Ini Yang Terjadi Sebenarnya

Tular Gambar Orang Kuat Umno Jumpa Tun Mahathir Untuk Makan Tapi Ini Yang Terjadi Sebenarnya

papar berkaitan - pada 13/12/2018 - jumlah : 523 hits
Tular Gambar Orang Kuat UMNO Jumpa Tun Mahathir Untuk Makan Tapi Ini Yang Terjadi SebenarnyaTular Gambar Orang Kuat UMNO Jumpa Tun Mahathir Untuk Makan Tapi Ini Yang Terjadi Sebenarnya
Gambar Ini Tulen Tapi

Gambar Ini Tulen Tapi

papar berkaitan - pada 13/12/2018 - jumlah : 406 hits
MALAYSIAKINI Penasihat media perdana menteri A Kadir Jasin mengesahkan gambar tular pertemuan Perdana Menteri dengan pemimpin Umno sebagai tulen Katanya pertemuan itu berlaku pada 22 Oktober atas permintaan pemimpin pemimpin Umno terlibat t...
Gambar Gambar Dsai Di Kuantan Pahang Semalam

Gambar Gambar Dsai Di Kuantan Pahang Semalam

papar berkaitan - pada 13/12/2018 - jumlah : 282 hits
Petang semalam Presiden Keadilan DSAI telah tiba ke Kuantan untuk mengadakan perjumpaan tertutup dengan kesemua Ketua Cabang di Negeri Pahang Terengganu dan Kelantan bertempat di Hotel Cathayana Kuantan KREDIT FOTO WAN FAUDZIN
10 Gambar Anak Gadis Noniswara Erysha Emyra Yang Cantik Menawan Menggoda

10 Gambar Anak Gadis Noniswara Erysha Emyra Yang Cantik Menawan Menggoda

papar berkaitan - pada 14/12/2018 - jumlah : 2527 hits
Nama Noniswara bukanlah asing dalam dunia lakonan Mesra disapa dengan panggilan Nonis dia juga sehingga kini masih aktif berlakon Selain drama Cinta Bukan Kristal Noniswara turut membintangi drama Cintaku Di Bumi Izmir Menerusi perkahwinan ...
Gambar 8884

Gambar 8884

papar berkaitan - pada 14/12/2018 - jumlah : 305 hits
Kenapa pula perkauman siapa kata pilihan raya majlis PBT rugikan Melayu Diterbitkan 17 jam yang lalu pada 13 December 2018 Oleh Ooi HengJadual menunjukkan komposisi kaum 14 majlis tempatan Sebahagian besarnya didiami penduduk Melayu atau bu...
Lupa Kata Laluan Sarawak Pay Username Ini Cara Reset Semula

Reset Sarawak Id Kemaskini No Tel Password Username Baru

This Is The Easiest Way To Teach Your Kids Problem Solving Skills

Kemaskini S Pay Global Tukar Telefon Username Password Baru

Benarkah Panglima Awang Orang Pertama Mengelilingi Dunia

Cucur Nasi Pedas Sedap Rangup Dan Mengenyangkan

Teman Ummi Beli Barang

Create Buzz And Attract Investors


echo '';
Senarai Lagu Tugasan Konsert Minggu 8 Gegar Vaganza 2024 Musim 11

Keputusan Markah Peserta Konsert Minggu 7 Gegar Vaganza 2024 Musim 11

Info Dan Sinopsis Drama Berepisod Antara Dua Syurga Slot Lestary TV3

Resepi Makaroni Cheese Goreng Paling Mudah dan Cepat

Biodata Zarif Ghazzi Pelakon Drama Berepisod Antara Dua Syurga TV3 Berbahagi Suami Astro


Let S Get Gym Shirt From Ironpanda

Belanja Makan Hujung Tahun Di Damas Arabic Restaurant Penang

Kelantan Trekking Ke Air Terjun Mawar Mawo Di Jeli

Man With Flail Right Arm Awarded Rm850 000 For Medical Negligence

Importance Of Good Manners In Life

Cerita Makan Kedai Tomyam Hujung Minggu Di Melaka