Animated gradient does not animate when angle set to 0
Hello, I want to achieve a horizontal animated gradient, but when I set the angle to 0 the animation stops. It seems that the speed of the animation is affected by both the speed slider AND the angle, which is a bit odd.
Can this bug get squashed? Thanks!
-
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 -
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 -
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.
Comments
3 comments