Quickly add animations to your WordPress blog.

The Rainbow Circle animation is made of only 1 image. All images positions are set to absolute, and they are placed inside a box that is set to relative. It’s easier to modify them or to integrate this animation into any web page layout. The scaling and the rotation creates this effect.

HTML - Copy and Paste the HTML into a post, page or text widget (add full URL to images).

<style type="text/css">
#twiz-rainbow-box {
    width: 730px;
    height: 450px;
    display: block;
    overflow: hidden;
}
#twiz-rainbow-box img {
    display: none;
    margin: 0 auto;
}
</style>
<div id="twiz-rainbow-box"><img src="../wp-content/uploads/twiz-rainbow-circle.png" alt="" title="" width="300" height="300" id="twiz-rainbow-circle-1"/><img src="../wp-content/uploads/twiz-rainbow-circle.png" alt="" title="" width="300" height="300" id="twiz-rainbow-circle-2" /><img src="../wp-content/uploads/twiz-rainbow-circle.png" alt="" title="" width="300" height="300" id="twiz-rainbow-circle-3"/></div>

• twiz-rainbow-circle.png

Upload JavaScripts into the Welcomizer Library.

• rotate3Di
  - rotate3Di.js
• jquery-animate-css-rotate-scale
  - jquery-animate-css-rotate-scale.js
  - jquery-css-transform.js

* It’s not working on IE < 9.