How to work with Key-Frames in Animating a Web Page

To work with Key-Frames in Animating a Web Page

Mark points on the time track of an animation sequence which some of the specific change in property occurs. These points include changes in direction within the animation path as well as modifications of general properties, such as visibility and stacking order. For each key-frame, you can control the position of the associated floating box by dragging it to the desired location in the document window. Moreover, the distance between two key-frames determines the playback speed: The shorter the distance, the faster the animation will play back and vice versa.