How to add Rotating images in your blog post? | Blogger tricks

Hi friends

Today we are going to Teach you how you can add the Rotating images in your blog post.

Demo:-

Steps to add Rotating image to your post

1.Go to the Template>Edit html
2.Then Please copy the below code and paste it in the css section of the Blogger template.

#imgrot
{
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
}
#imgrot:hover
{
transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}

3.Save the Template
4.Now when ever you wants add rotating image in your post then first of all add the image to your Post.
Then change your blog post editor to HTML.
You will find the code like:-

You have to just add the code:-
id="imgrot"

After changing the code will look like this:-

5.Now thats over you will see rotating images in your blog post

Enjoy friends :)

Submitted By:IBC NETWORKS