Home » » How to Make Rotation Effect on Image Blog

How to Make Rotation Effect on Image Blog

Posted by Ran Dreamer on 27 Mar 2015

How to make the rotation effect with shadow on Blogger. This blog tutorial is about to give effect to the image rotation blog. You certainly want to make your blog look attractive in the eyes of visitors to the blog. To create a blog interesting and cool look of course there are various ways that you can just use, one of which is the effect on the image of your blog,

The following effects you do not need to add a jquery script on your blog template, the following effect is quite simple: just use CSS. 


How to Make Rotation Effect on Image Blog

1) Go to blogger dashboard and click Templates
2) Find a closing tag ]]> </ b: skin>
3) Paste CSS below just above the closing tag ]]> </ b: skin>.
.post-body img{
border-radius: 2%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post-body img:hover{  transition: all 2s ease-in-out;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
z-index: 999;
box-shadow: 8px -6px 5px rgba(50, 50, 50, 0.75);
}

To apply it to the blog post, you just upload the picture you want.
How Do? Cool right? ok, enough labston article for today and do not forget to see the latest articles about tutorial Labston other blogs. so much and good luck.

Share This Post :
 
Copyright © 2015 LABSTON | Adsense, Blogger, Android, Backlink, SEO, Template. All Rights Reserved
Template Johny Wuss Responsive by Creating Website and CB Design