By shredded separately in banner form and used in CSS3 animation effects, you can create animated banner without having to use Flash
By shredded separately in banner form and used in CSS3 animation effects, you can create animated banner without having to use Flash. With this, you can create banners that run well on devices that do not support Flash (such as iphone, ipad such ...). However the downside of this approach is that it is not supported on all browsers, especially IE7 and the older IE browsers.
Step 1: HTML Markup
We'll need a framework to illustrate the following html:
Step 2: CSS
Next we'll css basic format for this frame. The first is the background of the banner
Photos used in the above paragraph css you can find in the download section. Next we will format the text and form
Now we'll format for the water and declared animation
Do the same for the format boat (boat)
Step 3: The animation (Animations)
This is a central part of this article. After we have declared for the object animation, now we will proceed to create the effect.
- The first is the effect to the object using delayed-fade animation-animation
Hiệu ứng cho form
This effect will make the boat appear from left:
An animation of clouds
This effect will make the boat look like being at sea:
And finally the sea wave effect
Just for you to master in CSS3 animation part is you can do many different effects. Also if you want to improve, can learn more about CSS transformations.