Cannot apply transform hover effect to Card component

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
Mariasol
 
 
Posts: 39
Joined: Tue Feb 08, 2022 9:19 am

Cannot apply transform hover effect to Card component

Post by Mariasol »

I tested the official Card demo and I noticed that the demo seems to animate individual card items on hover, rather than the whole card container.

In my project, I am trying to apply a hover transition like `translateY(-5px)` to the full Card object, but nothing happens in browser preview.

Does the Card component support transform transitions on the whole card, or are transitions only intended for the internal card items?

If full-card transform is not supported, what is the recommended workaround?

* animate the parent container?
* animate individual card items?
* use built-in card transitions only?

Thanks.
User avatar
AliGW
 
 
Posts: 543
Joined: Thu Dec 19, 2024 3:41 pm

Re: Cannot apply transform hover effect to Card component

Post by AliGW »

I have transitions applied to cards on my site.

Can you provide a small DEMO file (.wbs) containing just the card object with transitions applied so that we can check your settings?
Ali
Retired, but still loving to learn & very busy.
https://alisongwright.me.uk
Novice with WWB, but was an avid user of Serif WebPlus before.
Fairly expert at Microsoft Excel (but not VBA) & Affinity by Canva (for page layout).
Post Reply