ruucm / shadergradient

Create beautiful moving gradients on Framer, Figma and React
https://shadergradient.co
790 stars 33 forks source link

set initial rotation #95

Closed TheMikeyRoss closed 2 months ago

TheMikeyRoss commented 2 months ago

When the gradient first loads, it seems to be in a wrong orientation and then it orients itself. But it doesn't feel or look good when that happenes. is there anyway I can prevent that? maybe load it with an initial orientaiton so that it doesn't have to orient itself?

This happens everytime i refresh the page, or visit the page for the first time

gradient-shader-issue

tappypuppy commented 2 months ago

68 How to remove the rotation-like animation when the page loads

I've seen this and fixed it.

ruucm commented 2 months ago

Have you tried to use enableTransition prop?

TheMikeyRoss commented 2 months ago

Have you tried to use enableTransition prop?

Yup that fixed it, thanks 👍