Cara Membuat Efek Getar Dan Bayangan Pada Gambar Di Blogger Dengan Mudah

==Iklan Dipate Disini===

Lapakinfo.net - Pada kesempatan kali ini saya akan berbagi tutorial tentang Cara Membuat Efek Getar Dan Bayangan Pada Gambar Di Blogger Dengan Mudah, tutorial ini sengaja saya buat karena saya terinspirasi dari blog mbak igniel yang sangat legendaris. Setelah saya mencari kode CSSnya dan akhirnya ketemu juga, nah disini saya akan berbagi buat kalian yang mau memodif tampilan gambar di postingan blogger kalian.

Menambahkan gambar kedalam sebuah postingan blogger ialah hal yang sangat penting agar postingan kita mudah di mengerti dan tentunya SEO, tapi bagaimana jika gambar pada postingan kalian ketika di sentuh cursor maka akan bergetar dan mempunyai efek bayangan? Sudah tentu itu bisa membuat nilai lebih terhadap postingan kalian dan mempunyai nilai bagus buat blog kalian. Nah, buat kalian yang mau memasang efek getar dan bayangan pada gambar postingan blog kalian bisa ikuti langkahnya di bawah ini.

Cara Membuat Efek Getar Dan Bayangan Pada Gambar Di Blogger Dengan Mudah

1. Buka Blog kalian.
2. Pilih Tema lalu pilih Edit HTML.
3. Salin kode di bawah ini dan letakan di atas kode ]]></b:skin>.

.post-body a img{box-shadow: 0px 0x 6px rgba(0, 0, 0, 0, 5);
border-radius:10px;}
.post-body a img:hover{
animation:ignielShake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform:translate3d(0, 0, 0);
backface-visibility:hidden;
perspective:1000px}
@keyframes ignielShake{
10%,90%{transform:translate3d(-1px,0,0)}
20%,80%{transform:translate3d(2px,0,0)}
30%,50%,70%{transform:translate3d(-4px,0,0)}
40%,60%{transform:translate3d(4px, 0, 0)}}
@-webkit-keyframes ignielShake{
10%,90%{transform:translate3d(-1px,0,0)}
20%,80%{transform:translate3d(2px,0,0)}
30%,50%,70%{transform:translate3d(-4px,0,0)}
40%,60%{transform:translate3d(4px,0,0)}}

4. Simpan template kalian dan selesai.

Untuk melihat hasilnya silahkan kalian cek gambar postingan kalian dan arahkan cursos kalian ke gambar postingan tersebut.

Bagaimana sangat mudah sekali bukan untuk tutorial Cara Membuat Efek Getar Dan Bayangan Pada Gambar Di Blogger Dengan Mudah, jika kalian mempunyai pertanyaan seputar postingan di atas atau tentang blogger silahkan kalian bertanya pada kolom komentar di bawah ini. Semoga bermanfaat dan terimakasih sudah berkunjung.

==Iklan Dipate Disini===