Skip to main content

Animated gradient does not animate when angle set to 0

Comments

3 comments

  • Ariel H.

    Hi B.J.,

    Thanks for contacting us.

    This isn’t a bug, when the angle is set to 0, the animation calculation can result in no visible movement, which is why it appears to stop.

    As a workaround, try setting it to 1° or 359°. It will still look horizontal but keep the animation running.

    Kind regards,
    Ariel H.

    1
  • B.j. Cbrtg

    Hi Ariel,

    I appreciate the workaround, however this does not achieve the desired effect. When I set the angle to 1° or 359°, the gradient is clearly angled and does not

    "still look horizontal"

    See screenshot below. Is there another way to fix this?

    0
  • Ariel H.

    Hi,

    Thank you for the update.

    This behavior is related to how browsers render CSS gradients rather than a limitation in Brizy. Gradient animations in CSS are not fully standardized across browsers. Because of this,  0deg may not trigger a visible animation.

    As a workaround, we recommend using 90deg instead, which tends to animate more reliably across browsers.

    Please let us know if you have any questions.

    Kind regards,  
    Ariel H.

    0

Please sign in to leave a comment.