Volt 22 Posted April 27, 2023 Share Posted April 27, 2023 Hello everyone, Please how can I go about the interaction on the hero of this website? https://solluminaire.com.sg/product/voli/ What I want to achieve is slightly more different, I'll need to change the colors, maybe from blue to purple to red etc, as it is on https://near.sg/pages/linear-system. I know I have to provide a codepen, but I'm not even sure where to start and that is why I don't have a pen to show now. I just need to be pointed in the right direction, the best way to go about this. I'll provide a pen after that. Thank you. Link to comment Share on other sites More sharing options...
GreenSock Posted April 28, 2023 Share Posted April 28, 2023 You could probably just layer several images on top of each other and then alter the opacity to transition between them. If you need that rotational dial interaction thing, you could use Draggable for that - it has a type: "rotation" feature. You could build a simple timeline with your crossfading images, pause() that, and then have the Draggable's onDrag adjust the progress() of that timeline based on the angle. Good luck! Link to comment Share on other sites More sharing options...
Volt 22 Posted April 28, 2023 Author Share Posted April 28, 2023 Thanks a lot Jack. I'll try that out. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now