Widgets

Posted by : Bloggerwits Saturday, October 11, 2014

Rotate Effect

Step 1- Select your blog and click on "Layout" and " Choose a Gadget"

Step 2- Select "HTML/JavaScript"



Step 3- Paste "Rotate Effect Code" in "HTML" of Widget.

<style> @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 4s; -moz-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>

Step 4- "Save Template"

Leave a Reply

Popular Post

Copyright © 2014 Bloggerwits