How to Use Keyframes in CapCut

A CapCut keyframe stores a property value at one point in time. Add another keyframe later with a different value, and CapCut calculates the frames between them. That is the whole system: choose an element, choose a property, set the first state, move the playhead, then set the next state.

Quick answer: select a video, image or supported text element. At the animation start, use the diamond beside Position, Scale, Rotation or Opacity. Move the playhead and change that same property. Preview from before the first marker. Mobile, Desktop and Web share this logic, but the panel location and available properties/curve controls vary by build.

Start with a two-keyframe zoom or move. Extra keyframes are useful only when the motion needs another direction, pause or value change.

What CapCut Keyframes Do

The first keyframe is a saved state, not an instruction to move. Motion appears only when a later keyframe stores a different value for the same property. Two scale keyframes both set to 100% produce no zoom; 100% followed by 115% does.

CapCut's keyframe tool guide documents Position, Scale, Rotation and Opacity in the Web workflow. Other controls may show diamonds for particular element types, effects or versions; the visible diamond beside a property is better evidence than a universal feature list. If the animation should reveal or hide only part of a layer, build the shape in the CapCut masking tutorial and use keyframes for its movement.

Three Useful Keyframe Recipes to Learn First

Use one property at a time until the motion behaves. A clean two-keyframe move teaches more than six markers added without a plan.

1. Slow Zoom on a Photo or Video

1. Select the clip and place the playhead where the zoom should start.
2. Add a Scale keyframe at the current framing.
3. Move later and increase Scale modestly. Reposition the frame if the subject drifts away from the center.
4. Preview from before the first marker. Move the second marker farther away for a slower zoom.

A large scale jump over a short distance will feel abrupt and can expose low-resolution detail. Start with a small change, judge it at the final canvas size, then add supported easing only after the timing works.

2. Pan Across a Wide Photo

Scale the photo enough to cover the canvas, set a Position keyframe on the first composition, move the playhead and drag to the final composition. Keep important faces and text inside the frame at both ends. If the photo reveals an empty edge during the move, increase Scale or shorten the travel distance rather than hiding the edge with another layer.

3. Fade and Move Text or an Overlay

Where the selected element exposes both controls, set the first Position and Opacity states slightly off the final position and transparent or partly transparent. Move later, set the final position and full visibility, then preview. Build Position first and Opacity second so you can see which property caused a bad result.

Each property can have its own markers. If a fade finishes before the move, that can be intentional—but it should not happen because the Opacity keyframe was placed on a different frame by accident.

How to Use Keyframes in CapCut Mobile

1. Open a project and select the clip, image, overlay, text or sticker you want to animate.
2. Move the playhead to the first frame of the motion.
3. Find the diamond keyframe control for the selected element and add the first marker.
4. Move the playhead later.
5. Change the intended property—for example, pinch to scale or drag the element to a new position.
6. Preview from before the first keyframe and adjust the marker spacing.

Do not rely on marker color or an exact toolbar position from another tutorial; CapCut moves controls between mobile builds and element types. To remove a marker, place the playhead on it, select the keyframe/property and use the available delete/reset control. Confirm that only the intended property changed—touch gestures can alter both scale and position.

How to Use Keyframes in CapCut Desktop

1. Add media to the timeline and select the element.
2. Open the right-side Video, Basic, Transform or Adjust section that contains the property.
3. Place the playhead at the start and click the small diamond beside the property.
4. Move the playhead and enter or drag to a different value.
5. Use the previous/next keyframe arrows where shown to return to exact markers.
6. Preview and move the timeline markers to change timing without changing values.

CapCut's current Desktop troubleshooting page confirms that keyframes can disappear when nothing is selected, the panel is collapsed, or the chosen template/group/special element does not support them. Replace or detach an unsupported element before assuming the whole feature is broken.

An official PC resource lists Alt+K to show the keyframe panel and Shift+Click to add a keyframe inside that panel. Shortcuts can change or conflict with system mappings, so check CapCut's current Shortcut settings before building a workflow around them.

How to Use Keyframes in CapCut Online

In the Web editor, select a timeline clip, open Basic in the upper-right controls, and look for the diamond beside Position, Scale, Rotation or Opacity. Set a starting marker, move the playhead, then change the same value. CapCut's Web guide says the next keyframe is added when the value changes.

Available parameters and graph controls depend on the browser editor currently served to your account. If a tutorial shows a curve button you do not have, the reliable options are to adjust marker timing, use a supported property, or continue the project in Desktop. Do not install an extension claiming to unlock keyframes.

Make CapCut Keyframes Smoother: Timing and Easing

First fix timing: increasing the distance between two keyframes makes the value change happen over more time; reducing the distance makes it faster. Then check whether your version offers a graph, curve, easing or interpolation control for the selected keyframes.

• Linear: constant rate between values.
• Ease in: slower beginning, faster finish.
• Ease out: faster beginning, slower finish.
• Ease in-out: slower at both ends with faster motion between.

CapCut's keyframe page describes an integrated graph/editor when available, but labels and presets are not consistent across every platform. Speed Curve is not automatically the same control. A clip speed curve changes playback rate and may change clip timing/duration; a keyframe interpolation curve changes how a property travels between saved values. Use each for its own job.

There is no universal “smooth” spacing or scale percentage. A beat-synced pop may need close markers; a slow photo push may need several seconds. Judge motion at the delivery frame rate and preview from before the first marker.

Keyframe Text, Stickers and Overlays

Select the element itself, not the video underneath it. Confirm the element exposes a diamond beside the property you need, then use the same two-state workflow. Some template/grouped/special elements are locked or expose fewer properties; replace them with a normal text, image, sticker or overlay when necessary.

A simple reveal can use position plus opacity where supported: first marker slightly off-screen/transparent, second at the final position/full visibility, and a later pair for the exit. Build one property first, preview it, then add the second. For manual blur following, the same position-keyframe logic is used in our CapCut face blur guide.

CapCut Keyframe Graph or Easing Not Showing

Basic keyframes and a graph editor are not the same feature surface. Mobile, Web, Desktop and different element types can expose the diamond controls without exposing identical graph options.

1. Select the exact clip, image, text or overlay that owns the property keyframes.
2. Confirm there are at least two markers for that property.
3. Place the playhead between those markers rather than directly on the first or last one.
4. Open Show keyframe animation, graph, curve or interpolation where your build provides it.
5. If no graph appears, test the same property on a normal ungrouped clip in a blank project.

CapCut's current PC troubleshooting page points to selection, collapsed panels and unsupported grouped/template elements as common causes of missing controls. A current community report about Show keyframe animation missing with two markers shows that the symptom still occurs, but it does not establish a universal shortcut or downgrade fix.

If the graph is absent, marker spacing still controls duration. You can make a move slower by increasing the distance between states and keep the edit safe rather than installing an older build. For playback-rate ramps, use the separate CapCut Velocity and Speed Curve guide.

CapCut Keyframes Not Showing or Not Moving

1. No diamond: select the exact timeline element and expand Video/Basic/Transform/Adjust.
2. Unsupported element: detach, ungroup or replace a locked template/special asset.
3. No movement: compare the property value at both markers; equal values create no change.
4. Wrong element moves: select the overlay/text/sticker track rather than the background clip.
5. Choppy preview: render a short test before changing the animation; preview performance can differ from export.
6. Export differs: remove conflicting preset animation from a duplicate, verify canvas/aspect ratio, and test the affected range.

Update the official app/browser after preserving the draft if controls are missing across a new blank project. Community reports can identify version-specific regressions, but do not prove that deleting cache or rebuilding a finished project is necessary.

This guide belongs to the CapCut Tutorial hub. Use the CapCut effects guide when the moving item is an effect rather than a normal timeline element.

CapCut Keyframes FAQ

How do I add a keyframe in CapCut?

Select a supported element, place the playhead, and click or tap the diamond beside the property you want to animate. Move later and change that property to create another saved state.

Which properties can I keyframe in CapCut?

Current official Web and Desktop guidance documents Position, Scale and Opacity, with Rotation also shown in the Web workflow. Additional properties depend on the selected element, platform, version and visible diamond controls.

Can I use keyframes in CapCut Online?

Yes. Select a clip, open Basic, add a diamond beside a supported property, move the playhead and change the value. Graph or easing availability can differ from Desktop and between accounts.

How do I make a smooth zoom with CapCut keyframes?

Set a Scale keyframe at the start, move later and increase Scale modestly while keeping the subject framed. Increase the time between markers for a slower move, then use supported ease-in-out/interpolation if your build exposes it.

Why are CapCut keyframes not showing?

The common causes are no selected element, a collapsed editing panel, or a template, group or special asset that does not support the property. Select a normal clip or text element and open Video, Basic, Transform or Adjust.

Why do two CapCut keyframes produce no animation?

Check the saved property values. Two markers with the same position, scale, rotation or opacity have nothing to interpolate. Change the value at one marker and preview from before the first.

Why is the CapCut keyframe graph not showing?

First confirm that the selected supported element has at least two property keyframes and place the playhead between them. Open Show keyframe animation or the graph control if your build provides it. Web, Mobile and some elements may expose basic keyframes without the same graph editor.

Are Speed Curve and keyframe easing the same?

No. Speed Curve changes a clip's playback rate and timing. Keyframe easing or interpolation changes how an animated property moves between saved values. CapCut may place the controls near each other, but they solve different problems.