Card Animation

sriramk18 pro premium priority asked 2 years ago

I need to animate the card with zoom-in when the mouse hover over the card.

But the animation is not working.

Please let me know how to initiate the animation using jquery.


kpienkowska staff answered 2 years ago

Please add a snippet that recreates your problem. I need to know why animation doesn't work in the first place.


sriramk18 pro premium priority answered 2 years ago

Actually the mdb controls and plugins fail to load and initialize for me in the partial view (asp.net core). Similarly, i faced problem with the date picker and select control.

https://mdbootstrap.com/support/standard/date-picker-in-asp-net-mvc-core-partial-view/

https://mdbootstrap.com/support/standard/dynamically-initialize-select-control/

I am using the java script and jquery to initialize the mdb control.

Please let me know how to animate the card using jquery.

https://mdbootstrap.com/snippets/standard/sriramk18/4162528#html-tab-view


Grzegorz Bujański staff answered 2 years ago

We have a bug in a component. Sorry for this. For now do init via JS: https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/4163978#js-tab-view

We will try to fix this bug as soon as possible so you can innit via jQ


sriramk18 pro premium priority answered 2 years ago

https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/4163978#js-tab-view

The URL is not working.

Please provide a working URL


Grzegorz Bujański staff commented 2 years ago

I'm sorry for this. Here is an example of how to do initialization with JS: https://mdbootstrap.com/docs/standard/content-styles/animations/#docsTabsAPI


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.2.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No