CSS3 Animation Using @keyframes Rule to Make a Ball Bounce Part 1
In this first tutorial we set up a web page and a style sheet to display an image of a ball using the CSS box model.
Using code from the w3shools.com website we create a keyframes rule to move a page element.
The animation property is used to bind the rule to the ball's div tag. The ball is then animated when the page is viewed in a supported browser (Chrome or Safari).