Home / Blogger tricks / How to add tilt image effect on blogger post/ Blogger tricks

How to add tilt image effect on blogger post/ Blogger tricks

Posted by Unknown Senin, 18 Juni 2012 0 komentar

Hello friends,

Now add tilt effect to the images in your blog,As images plays great role in blogger,with using images you can speak mind or you can tell what is your article is about.

In this we will rotate blogger images some degrees and when any visitor hovers on image the image will return back to normal position,this effect attracts anyone.just you need to follow few simple steps...

Here we go...

1. Sigh in to your blogger account and navigate to template and select EDIT HTML

2.Now find out the codes ]]></b:skin> and paste below code right above it.

(Note: To find the codes easily just press ctrl f and type the give code it'll direct you to the codes directly)

.post img {-webkit-transition: -webkit-transform .15s linear;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);padding: 5px 5px 5px 5px;-webkit-transform: rotate(+2deg);-moz-transform: rotate(+2deg)}

.post img:hover {-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg)}

3. Now save the template and check out you blog for the result.

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: How to add tilt image effect on blogger post/ Blogger tricks
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://androidjones7.blogspot.com/2012/06/how-to-add-tilt-image-effect-on-blogger.html. Terima kasih sudah singgah membaca artikel ini.