• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Using Keyframes

All animations are controlled by keyframes. Keyframes are the pivotal instances that define what happens in the animation. After you place a layer on the timeline, you use keyframes to control the movement of that layer on the page. A keyframe marks a point in the animation when a change is made to specified properties (such as position or size) for the layer. Dreamweaver interpolates values for all frames between keyframes.

By default, there will always be a beginning keyframe and an ending keyframe, which are indicated by open circles at the beginning and end of the animation bar. An animation with only these two keyframes will move in a straight line. To create an animation that doesn't move in a straight line, you need to add keyframes at other frames in the timeline.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint