Are you looking to add engaging mouseover effects to your images in Showit? Follow these steps to create a stunning images overlay effect that appears upon hovering over an image.
Step 1: Arrange Your Image and Elements
- Ensure your image is positioned, sized, and placed on the canvas as desired.
Step 2: Add a Second Image
- Add a second image on top of your previous image to create overlay that will appear upon hover.
- Ensure that the second image is positioned on top of the image layer.
Step 3: Apply Hover Action to the second image
- Select the second image and navigate to the right sidebar.
- Click on the “Effects” tab to access the opacity settings.
- Adjust the opacity to 0%
4. Lowering the image’s opacity will reveal the image overlay beneath it.
5. Click on the “hover” tab to access the hover settings.
6. Make sure the hover setting is set to a 100%
Step 4: Preview and Test
- Preview your website to see the new mouseover effect in action.
- Test the effect across various devices to ensure it functions seamlessly.
Congratulations! You’ve successfully added a captivating mouseover effect to your images in Showit. This interactive feature enhances the visual appeal of your website, providing an engaging experience for your visitors.
Adding a mouseover effect to your images can significantly elevate the aesthetics of your website, drawing attention to specific elements and creating an engaging user experience. Experiment with different overlays and text styles to find the perfect fit for your website’s design.
