Zoom in Effects for hover images inside a layout grid

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
siddhusubbu
 
 
Posts: 29
Joined: Fri Mar 13, 2020 4:53 pm

Zoom in Effects for hover images inside a layout grid

Post by siddhusubbu »

Dear Pablo,

Please help me on this, I have been struggling to get this transition for quite sometime, but they dont work like this site http://www.brescadc.com scroll all the way down on the menu it has two images one for menu and the other for cocktail when you hover the image you will see the zoom effect but only inside the layout.

I went to the animation field and under the transition I first triggered default with the property transition with default value, and again I triggered hover and its property to transition x and y to scale x 1.1 and scale y 1.1. but they do work but not like the website that I have mentioned above, they actually comes out of the layout grid, I also tried with overflow hidden by referring to one of the forum suggestion, but still I couldn't do it..
User avatar
Pablo
 
Posts: 21702
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Zoom in Effects for hover images inside a layout grid

Post by Pablo »

Here is a demo how to implement this with cards:
http://www.wysiwygwebbuilder.com/suppor ... nghai.html
siddhusubbu
 
 
Posts: 29
Joined: Fri Mar 13, 2020 4:53 pm

Re: Zoom in Effects for hover images inside a layout grid

Post by siddhusubbu »

Dear Pablo,

Thank you Very much.. it works and indeed in all the breakpoints!!!



Regards,
SIDDHUSUBBU
Post Reply