Quickly add animations to your WordPress blog.

The Atom animation is made of only 1 image. The calculation of the rotation creates an elliptic illusion with scaling and opacity effect.

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

<style type="text/css">
#twiz-atom-box {
    width: 730px;
    height: 350px;
    display: block;
    background-color: black;
}
#twiz-atom-box img {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 0 auto;
}
</style>
<div id="twiz-atom-box"><img src="../wp-content/uploads/twiz-atom.png" alt="" title=""  width="428" height="99" id="twiz-atom"/><img src="../wp-content/uploads/twiz-atom.png" alt="" title="" width="428" height="99" id="twiz-atom-1"/><img src="../wp-content/uploads/twiz-atom.png" alt="" title="" width="428" height="99" id="twiz-atom-2"/><img src="../wp-content/uploads/twiz-atom.png" alt="" title="" width="428" height="99" id="twiz-atom-3"/></div>

Upload image via the WordPress Media Manager.

• twiz-atom.png

Upload JavaScripts into the Welcomizer Library.

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

* It’s not working on IE < 9.