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 : 486 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 : 4675 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 : 3367 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 : 402 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 : 558 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 : 424 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 : 304 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 : 2674 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 : 325 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...
Cuaca Panas Nyamuk Ganas Apa Kaitan Perubahan Iklim Global Dengan Denggi

The Influence Of Anime On Global Fashion Trends

Three Mps Seek To Join Proceedings Involving Anwar As Observers

Msi Ketua Majelis Syuro Al Muzammil Yusuf Presiden Pks

Buy Diamond Chains Malaysia A Guide To Timeless Luxury

Amalan Sunnah Hari Arafah

Apa Sebenarnya Festival Perahu Naga Sejarah Lokasi Maksudnya

Saintis Jepun Cipta Plastik Yang Terurai Dalam Air Laut Beberapa Jam Sahaja


echo '';
Info Dan Sinopsis Drama Berepisod Dendam Seorang Madu Slot Tiara Astro Prima

10 Fakta Biodata Amira Othman Yang Digosip Dengan Fattah Amin Penyanyi Lagu Bila Nak Kahwin

5 Tips Macam Mana Nak Ajak Orang Kita Suka Dating Dengan Kita

Info Dan Sinopsis Drama Berepisod Keluarga Itu Slot Lestary TV3

Bolehkah Manusia Transgender Mencapai Klimaks Selepas Bertukar


Menata Ulang Jalur Panel Mcb

Barakallah Fii Umrik

Bank Islam Shuts Down Old App Pushes Bimb Mobile As The Future Of Banking

Festive Traffic Crawl To East Coast Begins Ahead Of Aidiladha

Landlord Locks House With Tenant S Car Belongings Over Unpaid Rent Is This Legal In Malaysia

Empowering Youth Against Radicalisation