Quickly add animations to your WordPress blog.

The Road Passing Zone animation is made of 3 images. The red car is wrapped with 2 boxes. The forward movement is applied to the id twiz-car-box, the left and right turn is applied to the id twiz-car-box-2, the rotation is applied to the id of the red car image. This makes the animation of the red car.

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

<style type="text/css">
#twiz-road-box {
    width: 730px;
    height: 400px;
    display: block;
    background: green url(../wp-content/uploads/twiz-road-with-passing-zone.png) no-repeat center;
    overflow: hidden;
}
#twiz-road-box img {
    display: none;
}
#twiz-car-box,
#twiz-car-box-2 {
    width: 21px;
    height: 42px;
    display: block;
}
<style>
<div id="twiz-road-box"><div id="twiz-car-box"><div id="twiz-car-box-2"><img src="../wp-content/uploads/twiz-car-red.png" alt="" title="" width="21" height="42" id="twiz-red-car"/></div></div><img src="../wp-content/uploads/twiz-car-slow.png" alt="" title="" width="17" height="40" id="twiz-slow-car"/></div>

• twiz-road-with-passing-zone.png
• twiz-car-slow.png
• twiz-car-red.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.