hello, it there any way to do a fancy box in brizy. for example if i have a image and when the user scrolls over it would zoom in a little and change overlay color and choose text an button to come up on it.
Denis here. Thank you for your message.
Could you, please, provide us an example for better understanding?
scroll over examples here:
section that says "Quality Kalispell Roofing Services"
section that says "Full Service Residential & Commercial Roofing"
To implement the zoom effect on hover, as in the "Full Service Residential & Commercial Roofing" section of https://ohioprecisionroofing.com/ you can follow this approach. Let's say you have two columns and have added a background image to each column in your design.
- Click on the top right corner of each column
- Select the 'Gear' icon
- Click on 'Styling'
- In the side panel that opens up, select 'Advanced' tab
- Paste the following code in the Custom CSS section.
transition: all .2s ease-in-out;
transform: scale(1.05, 1.05);
Please have a look at this screenshot https://jmp.sh/FPvSb7JM You can see the zoom effect on hover on this test page https://digital-works.brizy.site/image0
Please sign in to leave a comment.