Web Design with HTML and CSS

102

Using the color table

Web Design with HTML and CSS Digital Classroom

3 In the Animation panel, select the duplicates selected frames icon ( ) to duplicate your frame.

4 Select the Move tool, and then select the Pick-A-Flavor layer. Click and drag the

Pick-A-Flavor logo to the bottom of the image area.

Click and drag the Pick-a-Flavor layer to reposition it in the second frame.

Click the fi rst frame in the Animation panel; the original position is intact in this frame.

Click the second frame; the logo appears repositioned to the bottom of the image area.

Changing the timing of an animation

The timing of the animation is important. In the following steps, you will change the speed at

which the frames are viewed, and also change the number of times they rotate through the fl ip.

1 Select both frames by clicking the fi rst frame and Shift + clicking the second frame in

the Animation panel.

2 Click the arrow in the lower-right corner of either frame to open the frame delay time.

Choose 0.1 second. You will now change the number of times your animation will play.

Change the timing of the animation frames.

3 Click the Selects Looping Options button in the lower-left corner of the Animation panel

and change the value to 3 times. The animation will now play three times and then stop.