Help / Timeline Guide for HTML5 Banner Animation
The timeline is the main place to edit animation timing in Foldwrap. Each element in your creative appears as an interactive timeline row.
Timeline animation modes
Timeline rows can be in three animation modes:
- Auto-animation (preset): pastel color
- Custom animation: vivid color
- Keyframe animation: vivid color with keyframe markers
If you move or resize a timeline item manually, it switches to custom animation for that element.
To return the element to preset behavior, click Reset animation in animation controls.
Keyframes
For advanced motion control, use keyframes.
With keyframes, you can animate position, scale, opacity, and rotation at multiple points in time and fine-tune easing between points.
Learn more in Animation modes and keyframes.
Copy and paste animation
If you need consistent motion across multiple elements, right-click a timeline item, copy its animation, then paste it to another item.
When animation is copied, you get two paste options:
- Paste Animation - applies the full copied animation.
- Paste Appear and Disappear - keeps target timing and applies only in/out behavior.
You can also paste animation into another creative in the same browser tab.
This workflow helps freelancers speed up revisions and helps agencies keep motion patterns consistent across campaign sizes.