Zoom in effect
-
wrote on Jan 15, 2021, 8:06 AM last edited by
Hi,
how to apply the zoom-in effect that is selectable for Project Thumbnail Mousover to "normal" images?
Thanks in advance
-
Global Moderatorwrote on Jan 18, 2021, 9:51 AM last edited by Richard Jan 18, 2021, 4:52 AM
Dear @dmncn
If you wish to apply this to normal ' images' and you find no way to do so with the Customizer, you can always add some Custom CSS within 'Lay Options - Custom CSS & HTML"
A basic setup that shows the two needed things for the zoom, Scale & Transition ( technically you dont need the transistion, but then i would just jump and no "effect" would really take place )
.img{ transition: transform .2s; } .img:hover { transform: scale(1.5); }
https://www.w3schools.com/howto/howto_css_zoom_hover.asp
This will target all images across your website, you will probably wish to refine what you target with hover :)
Best wishes and Talk soon! :)
Richard
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it