A Rainbow Vector Button - is it possible?

Ask the community
, ,
1

Question:
A Rainbow Vector Button - is it possible?

2
21001×494 54.7 KB

I have a button like this, but I need to link to a new page for each color.
I am wondering, is it impossible to make it?
Because each color represent a new page.
For exemple, when I move to RED, it will link to a new page, when I move to yellow it will link to another page… IS IT POSSIBLE to do that in WIX?

What have you already tried:
I have been looking on the internet and those tutorial videos.

Thank you!

2

Hi, Chiawei_Chang !!

I think this is quite a unique example, but it doesn’t seem impossible. The shape of the rainbow appears to be composed of identical vector images stacked together with varying sizes. As long as you have the smallest unit of the vector image part, it should be feasible. In Wix, you can add links to each individual vector image part, so your requirements should be met. After that, it’s just a matter of stacking the parts in Wix to form the rainbow shape. If you decide to proceed, you’ll likely need to prepare parts with different colors in advance. :raised_hands:

3

Thank you!
But when I separate them to different and put them together.
The link will always be the top layer. others will just be under the top layer
and won’t be triggered. frowning:

4

I apologize, I completely overlooked that. You’re right, that’s how it works in Wix… :melting_face:

If it is possible to implement using an iframe element or a custom element with plain HTML, how about trying that approach? :raised_hands:

If you try to implement it in Wix, you could force it to work by placing a transparent container with links on top of the vector images as the top layer, but this is probably not the most satisfying method, right… :melting_face:

5

Thank you. I totally understand. I am not a coder, what I have learned is irregular shapes will still consider a rectangle area and you can not avoid the transparent part of it to trigger a link. This must be a very difficult coding technique to make it. But this rainbow is meaningful, I don’t want to change the design. Couple years ago, I used to use Flash to do this, era has changed.