GIF ToolsLesson 316Free preview
Reverse GIF
This lesson is part of Web Developer Tools · All levels
Summary
Reverse GIFs rotate the frame sequence from back to front so that the animation moves in reverse. This effect is often used to make a motion of a squeeze, for example, forward and backward in a loop. Timing of each frame needs to be kept in the original order so that the movement doesn't feel weird. Some tools create palindrome versions by combining animation back and forth.
Key points
- Reverse reverses the frame order, not reverses the image horizontally
- The reverse results use the last frame as the first frame
- The palindrome mode combines forward and backward sequences for a smooth loop
- The delay of each frame must be maintained so that the speed of movement is consistent
- Reverse usually requires rendering the entire GIF frame
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.