Streaming live at 10am (PST)

Unable to radial in IX2

#1

Unable to IX2 radial degrees.

I have a div block that I wish to:
At Section 3 50% scroll in, initiate gradient radial degrees IX in DIV BLOCK A.

scroll_section_3-gradient_degree_rotate

0.0s / Initial State = DIV BLOCK A 0 degrees
0.5s = DIV BLOCK-A 90 degrees
1.0s = DIV BLOCK-A 180 degrees
1.5s = DIV BLOCK-A 240 degrees
2.0s= DIV BLOCK-A 360/0 degrees

Screenshot illustrates intended result:
image

Radial is missing on BG IX2

#2

Hey Miekwave,

Would you share a read-only link with us?

#3

@avivtech

Preview link:
http://html-sandbox.webflow.io/radial-ix2

Project Sandbox
https://preview.webflow.com/preview/html-sandbox?utm_source=html-sandbox&preview=e67118bc353dff859a7c3e046fc087ce

#4

I don’t think you can do this with IX2. You will need some CSS or JS for that.

#5

It is possible! I’ll be uploading a video so you can see it in action. The final result looked a bit odd because I typed 30 instead of 360, but now it’s working pretty well.

Check the final result here: https://jeanthedesigner.webflow.io/tests

Here’s the link for the video: https://youtu.be/J0TjK0rU1Ns

I’m sorry for my rusty English. It has been quite a while since I moved back to Brazil.

2 Likes
#6

I just realized that I accomplished something much more complex that what you needed haha. But hey, the path to achieving what you want is pretty much the same. Just use a separate div for the gradient, make its position absolute and voilá!

1 Like