Documentation is work in progress and not completeEditor
Make sure you are in a supported browser
ChromeChrome
EdgeEdge
Opera / Opera GXOpera / Opera GX
SafariSafari
BraveBrave
FirefoxFirefox
PerplexityPerplexity
DuckDuckGoDuckDuckGo
TorTor

Gradient or color animation is not working

Colors interpolate through LAB color space by default, which keeps perceived brightness consistent across the transition. Gradients animate per stop — stop colors, stop positions, angle and centre point are all separate animatable values.

Symptoms

If one or more of these match what you are seeing, you are on the right page.

  • •The colour transition passes through a muddy midpoint
  • •A gradient animation jumps instead of sweeping
  • •Only one gradient stop animates
  • •An unintended hue appears mid-transition

Causes and fixes

Ordered from most to least likely. Work down the list — each cause is paired with what to do about it.

  1. 1

    RGB interpolation is selected.

    RGB passes through the RGB midpoint and can introduce hue shifts halfway through a transition. Switch back to LAB via the color track context menu for perceptually uniform results.

  2. 2

    The gradients at each keyframe have different stop counts.

    Gradient animation interpolates stop by stop. Give both keyframes the same number of stops in the same order so each one has a counterpart to move towards.

  3. 3

    The wrong gradient property is keyframed.

    Stop Color, Stop Position, Gradient Angle and Center Position are separate tracks. Animating stop positions sweeps colour bands across the element; animating the angle rotates the whole ramp.

  4. 4

    Hold keyframes are producing a hard cut.

    That is correct behaviour for a flash or strobe — a two-keyframe Hold change over one or two frames is how impact flashes are built. Use standard keyframes for a smooth blend.

  5. 5

    Record Mode is off.

    Enable it with Ctrl+Alt+R before changing colors, or use the diamond icon next to the specific colour property.

Still stuck?

If none of the causes above match, contact support with the steps to reproduce the problem, your browser and version, and any message from the browser console. You can reach us at support@flashfx.app.

Contact Support