Web Animation is seen on Google Chrome homepage, when they're advertising a special occasion. (Google Doodle)
It's obviously used when gaming or playing games.
The mouse cursor is also a form of animation.
Loading screens (buffering signs) are animation, which is used to indicate functionality on a computer.
Advertisements, such as pop-ups, or web banners.
Scrollbars and tabs are also animation. Though they're pretty simple, they're all types of animation.
Here is an example of the elements when Canvas is being used.
WebGL (Web Graphics Library) uses JavaScript, which allows you to create 3D animation on a webpage that allows it to run smoothly with interactivity, on a website, it works on websites when a canvas is added to the HTML section, which allows interactivity on a certain part of the site.
Youtube:
Youtube allows interactivity on the majority of the website. On this page of 'Justin Bieber's Confident' video, there is a whole load of interactivity. On the actual video, you can click play or pause. When you move the cursor over the video, instantly the timeline of the video appears. This graphic would've probably been created on Adobe Illustrator (or CSS), therefore it's most likely a vector graphic which allows fast loading and smoother images. It it saved and exported as a PNG file
Met Office:
Dumb Ways to Die:
The front page of the website includes a huge amount of DHTML. The background has several moving images which actually allow you to click on them. As there's a deep amount of graphics on this website, it is likely that they're Vector graphics, which allow a faster loading process.
