All animations always requires the latest version of the plugin.
|  | |
The Hot Air Balloons animation is made of 13 images. Background colors are made with CSS gradients.
<style type="text/css">
#twiz-hot-main {
width: 700px;
height: 450px;
display: block;
border: 15px solid black;
overflow: hidden;
position: relative;
}
#twiz-hot-main img {
display: none;
}
#twiz-sun-box {
width: 100px;
height: 96px;
display: none;
}
#twiz-hot-sky {
height: 200px;
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00BFFF, endColorstr=#695ACD)";
background-color: #00BFFF;
background-image: linear-gradient(bottom, #695ACD 25%, #00BFFF 75%);
background-image: -o-linear-gradient(bottom, #695ACD 25%, #00BFFF 75%);
background-image: -moz-linear-gradient(bottom, #695ACD 25%, #00BFFF 75%);
background-image: -webkit-linear-gradient(bottom, #695ACD 25%, #00BFFF 75%);
background-image: -ms-linear-gradient(bottom, #695ACD 25%, #00BFFF 75%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.75, #00BFFF),
color-stop(0.25, #695ACD)
);
overflow: hidden;
}
#twiz-hot-ground {
height: 250px;
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#006400, endColorstr=#8B4513)";
background-color: #006400;
background-image: linear-gradient(bottom, #8B4513 25%, #006400 75%);
background-image: -o-linear-gradient(bottom, #8B4513 25%, #006400 75%);
background-image: -moz-linear-gradient(bottom, #8B4513 25%, #006400 75%);
background-image: -webkit-linear-gradient(bottom, #8B4513 25%, #006400 75%);
background-image: -ms-linear-gradient(bottom, #8B4513 25%, #006400 75%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.75, #006400),
color-stop(0.25, #8B4513)
);
overflow: hidden;
}
#twiz-van {
float: right;
}
</style>
<div id="twiz-hot-main"><div id="twiz-hot-sky"><img id="twiz-cloud-1" src="../wp-content/uploads/twiz-cloud.png" alt="" width="100" height="52" /><img id="twiz-cloud-2" src="../wp-content/uploads/twiz-cloud.png" alt="" width="90" height="47" /><img id="twiz-cloud-3" src="../wp-content/uploads/twiz-cloud.png" alt="" width="50" height="26" /><div id="twiz-sun-box"><img id="twiz-sun" src="../wp-content/uploads/twiz-sun.png" alt="" width="100" height="96" /></div></div><div id="twiz-hot-ground"><div id="twiz-ground-box"></div></div><img src="../wp-content/uploads/twiz-mountain.png" alt="" title="" width="600" height="144" id="twiz-mountain-1"/><img src="../wp-content/uploads/twiz-mountain.png" alt="" title="" width="600" height="144" id="twiz-mountain-2"/><img src="../wp-content/uploads/twiz-mountain.png" alt="" title="" width="600" height="144" id="twiz-mountain-3"/><img src="../wp-content/uploads/twiz-trees.png" alt="" title="" width="700" height="99" id="twiz-trees"/><img src="../wp-content/uploads/twiz-hot-air-balloon-8.png" alt="" title="" width="222" height="298" id="twiz-balloon-8"/><img src="../wp-content/uploads/twiz-hot-air-balloon-1.png" alt="" title="" width="183" height="301" id="twiz-balloon-1"/><img src="../wp-content/uploads/twiz-hot-air-balloon-2.png" alt="" title="" width="61" height="100" id="twiz-balloon-2"/><img src="../wp-content/uploads/twiz-hot-air-balloon-3.png" alt="" title="" width="61" height="100" id="twiz-balloon-3"/><img src="../wp-content/uploads/twiz-hot-air-balloon-4.png" alt="" title="" width="61" height="100" id="twiz-balloon-4"/><img src="../wp-content/uploads/twiz-hot-air-balloon-5.png" alt="" title="" width="61" height="100" id="twiz-balloon-5"/><img src="../wp-content/uploads/twiz-hot-air-balloon-6.png" alt="" title="" width="61" height="100" id="twiz-balloon-6"/><img src="../wp-content/uploads/twiz-hot-air-balloon-7.png" alt="" title="" width="61" height="100" id="twiz-balloon-7"/><img src="../wp-content/uploads/twiz-van.png" alt="" title="" width="299" height="219" id="twiz-van"/></div>
Import the twiz file under a new created section (click the + Menu inside the plugin)
(right-click, save target as/save link as).
free-animated-hot-air-balloons.twiz Upload images via FTP or via the WordPress Media Manager.
Check the right packages in the admin section
or Upload JavaScripts into the Welcomizer Library.

Free Animated Hot Air Balloons, created in Montreal, Quebec, Canada.
Thank you all for your continued and growing support!