Does anyone know how to create a hover effect that would push the remaining text aside to display an image? Here's an example :
top of page
Important forum update
This forum is migrating to one unified Wix community forum starting July 26th, and will be read-only during the process.
Wishlist Page is the official platform for requesting new features. You can vote, comment, and track the status of the requested features.
bottom of page
Here is my basic version:
I have three texts, Color("color1") and POP("pop1") and POP ("pop2"). "pop2" is hidden on load and is triggered on the hover for the Color text which also hides the first pop. The images and buttons are group1 and group 2 and are also triggered with the hide/show on hover. You can use slide effects to get a similar effect as the original. The only difference is that you can't get back to the original state of just two words with no images once you've hovered on one of the triggers.
export function Color1_mouseIn(event) { $w('#group1').show(); $w('#pop1').hide(); $w('#pop2').show(); $w('#group2').hide(); } export function pop2_mouseIn(event) { $w('#group1').hide(); $w('#group2').show(); $w('#pop1').show(); $w('#pop2').hide(); }
As far as I know, it not possible with Corvid. Maybe you can do it in an html component, if you find the code somewhere.