Quickly create animations for your WordPress blog.

<style type="text/css">
#twiz-boat-sea-main {
    width: 700px;
    height: 450px;
    display: block;
    border: 15px solid black;
    overflow: hidden;
    position: relative;
}
#twiz-boat-sea-main img {
    display: none;
}
#twiz-boat-sea-sky {
    height: 200px;
    display: block;
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00BFFF, endColorstr=#87CFEB )";    
    background-color: #00BFFF;
    background-image: linear-gradient(bottom, #87CFEB 20%, #00BFFF 80%);
    background-image: -o-linear-gradient(bottom, #87CFEB 20%, #00BFFF 80%);
    background-image: -moz-linear-gradient(bottom, #87CFEB 20%, #00BFFF 80%);
    background-image: -webkit-linear-gradient(bottom, #87CFEB 20%, #00BFFF 80%);
    background-image: -ms-linear-gradient(bottom, #87CFEB 20%, #00BFFF 80%);
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.2, #87CFEB),
    color-stop(0.8, #00BFFF)
    );
    overflow:hidden;
}
#twiz-boat-sea {
    height: 250px;
    display: block;
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2E8B56, endColorstr=#20B2AB)";    
    background-color: #2E8B56;
    background-image: linear-gradient(bottom, #20B2AB 20%, #2E8B56 80%);
    background-image: -o-linear-gradient(bottom, #20B2AB 20%, #2E8B56 80%);
    background-image: -moz-linear-gradient(bottom, #20B2AB 20%, #2E8B56 80%);
    background-image: -webkit-linear-gradient(bottom, #20B2AB 20%, #2E8B56 80%);
    background-image: -ms-linear-gradient(bottom, #20B2AB 20%, #2E8B56 80%);
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.2, #20B2AB),
    color-stop(0.8, #2E8B56)
    );
    overflow:hidden;
}
#twiz-boat-box {
    width: 300px;
    height: 274px;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}
</style>
<div id="twiz-boat-sea-main"><div id="twiz-boat-sea-sky"><img id="twiz-sun" src="../wp-content/uploads/twiz-sun.png" alt="" width="100" height="96"/><img id="twiz-cloud-1" src="../wp-content/uploads/twiz-cloud.png" alt="" width="188" height="98"/><img id="twiz-cloud-2" src="../wp-content/uploads/twiz-cloud.png" alt="" width="100" height="52"/><img id="twiz-cloud-3" src="../wp-content/uploads/twiz-cloud.png" alt="" width="50" height="26"/><img id="twiz-aeroplane" src="../wp-content/uploads/twiz-aeroplane.png" alt="" width="100" height="49"/></div><div id="twiz-boat-sea"><div id="twiz-wave-box"><img id="twiz-wave-1" src="../wp-content/uploads/twiz-wave.png" alt="" width="755" height="100"/><img id="twiz-wave-2" src="../wp-content/uploads/twiz-wave.png" alt="" width="755" height="100"/><img id="twiz-wave-3" src="../wp-content/uploads/twiz-wave.png" alt="" width="755" height="100"/><img id="twiz-wave-4" src="../wp-content/uploads/twiz-wave.png" alt="" width="755" height="100"/></div></div><div  id="twiz-boat-box"><img id="twiz-boat-1" src="../wp-content/uploads/twiz-boat-1.png" alt="" width="300" height="274" /></div><div><img id="twiz-palm-tree-l" src="../wp-content/uploads/twiz-palm-tree-l.png" alt="" width="186" height="300"/><img id="twiz-palm-tree-r" src="../wp-content/uploads/twiz-palm-tree-r.png" alt="" width="186" height="300"/></div></div>