Streaming live at 10am (PST)

Hue rotation transition on page load - clockwise?


#1

Hi there,

I was trying out the Hue Rotation filter transition on my website’s logo on Page Load. Unfortunately to make it look nice it needs to turn clockwise. That way it looks like the sun is rising. I can only seem to make the Hue rotation go counter-clockwise though (through green instead of through purple). Is there a way to do it clockwise?


Here is my public share link: https://preview.webflow.com/preview/reach-7c1403?utm_source=reach-7c1403&preview=ed834e396cc5b926f25fd74da6c3ab34


#2

Hello @Jorik

Is this what you’re looking for? > https://www.useloom.com/share/f152f061dca04f8d95f5199798c63e31


#3

Hi @PiterDimitrov, no that just makes changes/sets the start or end position in the Hue range. Once you press preview it goes through green (counter-clockwise) instead of through purple (clockwise). Does that make sense?

I hope there is a way to make it go clockwise :confused:


#4

Oh actually sorry it needs to go Clockwise I mean, not counter clock wise. It seems to go only counter-clockwise :confused: I’ve edited my previous posts @PiterDimitrov


#5

What if you add - to the 210 deg? Looks like purple is added

Screen record > https://www.useloom.com/share/a210dcaa95714e74bf09bd9de94ba13d

With -210 starts with green > blue > purple > original colors


#6

Yeah that works but I’ve actually just found a way to not have it start on green. I made it end on 359 degrees instead of 0 degrees, which makes it turn clockwise instead of counter-clockwise starting from 210 degrees. Strange but I guess it does the trick. Thanks for your help though!


#7

Yeaa I was little bit confused :smiley: