All Collections
FAQ
Editor
How to swap the image by hover
How to swap the image by hover
STUDIO Support avatar
Written by STUDIO Support
Updated over a week ago

In STUDIO, it is possible to design the state of the Hover, but you can also use the hover to swap an image.

Implementation

1. Place the image you want to display with a hover

2. Place the image you want to display in normal mode on top of it. Set the width and height of the overlaid image to 100%. (If you are placing overlapping images, first increase the size of the parent image to make it easier to include.

3. Select the normal image installed in step 2 and click on the Hover of conditional styles. And set the transparency to 0.

Did this answer your question?