MatiasWilly
KPCKevin Powell - Community
•Created by Abdul Ahad⚡ on 7/28/2023 in #front-end
Help with stacked tesimonial cards
The issue is that now with the comented "display:none" The card is displayed on top after animation, you need to change the behavior to be hidden after the animation ends. You can apply a display:none class after the animation time ends with a timeout problably
8 replies
KPCKevin Powell - Community
•Created by Abdul Ahad⚡ on 7/28/2023 in #front-end
Help with stacked tesimonial cards
.container .card-stack .card-list li:nth-child(4),
.container .card-stack .card-list li:nth-child(5) {
**display: none;**
}
.transformPrev {
animation: scaleUp 4000ms;
** display: none;**
}
Check if both causes the issue, but there is the problem.8 replies
KPCKevin Powell - Community
•Created by Abdul Ahad⚡ on 7/28/2023 in #front-end
Help with stacked tesimonial cards
@abdulahad When you click on the button, at some point the card is displayed none to show the card that is below it, that why you were not seeing your animation.
8 replies
KPCKevin Powell - Community
•Created by Abdul Ahad⚡ on 7/28/2023 in #front-end
Help with stacked tesimonial cards
Hello @abdulahad, just checked your issue and I found out what the problem is.
You have a display:none in line 105 and 125 of your styles.css that prevent your animation from showing.
8 replies