Thursday, 23 April 2015

Home PagePrint Story

How to rotate your blog by 360 degrees

Hello Friends,
Today I am going to tell you a very nice trick on how to rotate your blogger blog by 360 degrees. Its a very nice trick to impress your visitors and its very eye catching.  A demo can be see in the link given below.


360-rotation

Demo for 360 degree rotation

Adding this Effect:--

Go to your bloggers template
Add a HTML/JavaScript Widget and Paste the below written CSS Code and Save.




<style> @-bob-keyframes roll { 100% { -bob-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -bob-animation-name: roll; -bob-animation-duration: 4s; -bob-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style><a href="http://www.webnetdiary.in/" target="_blank"><img src="https://farm8.staticflickr.com/7696/17057327318_10ab7f59fb_o.jpg" border="0" style="position:absolute;" top: 0px; right: 0px;%u201D /></a>

Now you are done and enjoy the rotations in each refresh or pageview. 
Thank you and Signing Off.
Aritra



0 comments:

Post a Comment