Made With EverWeb
Animation using pure CSS has been around for a while but has not been widely used due to poor browser support - mainly from Microsoft's Internet Explorer. Now that flash is becoming redundant, and all the latest versions of the popular browsers support them, the use of CSS tramsforms and transitions to create website animation is now viable.
The decision to use them needs to be made on a case by case basis since they will not perform as expected in older browsers - or not at all!
The example at the top of this page uses CSS animation and keyframes to get the image and text to slide around.
It's not possible to force visitors to upgrade their out of date browser but they can be encourage to do so. Remember that those working in commercial and educational environments and those using public library computers have no control over updating the browser.
Using an out of date browser puts the visitors computer at risk as well as damaging their browsing experience. Reminding them of this may spur them on to update if nothing else will!
Browse Happy is good site to refer visitors to so that they can find and download the latest version of their choice of browser.
The image map below links to the major browser developer's websites to get the latest versions of Google Chrome, Firefox Safai, Opera and Internet Explorer...
Microsoft's Internet Explorer has long had a poor reputaion and has caused headaches for web designers over the years due to non compliance, non existent or poor support for CSS3 and generally being unsafe and insecure.
When Google Chrome came along and wiped the floor with Internet Explorer the developers did a typical Microsoft patch up which resulted in IE V9. The first compliant version of IE is actually V 10 and this is the minimum that shoulld be used by anybody who values the security of their computer and wants to enjoy surfing the 'net.
Many Mac users are using Safari as their first choice of browser to test website designs and this is not very wise. Safari for desktop is only used by around 4% of the browsing population.
Google's Chrome is by far the most popular with Firefox a fairly close second. Test both the local and remote files in these two browsers first and then try to get access to a computer running Microsoft's Windows to test in Internet Explorer.
Remember that mobile devices do NOT support hover so always test your pages on one of these to make sure the results are acceptable.
Also keep in mind that a lot of visitors are going to visit the conventional version of the site using larger tablets like the iPad. Make sure that all the user inputs are suitably large for fat fingertips and that tapping a mouseover input doesn't produce unwanted results!