Make this Stacked Card Scrolling Effect/Animation in Elementor

CSS Code for Stacked Card Scrolling Effect

				
					selector {
    --card-scroll-height: 400;
    --card-rotate: 12;
}

selector .my-active-card {
    transform: translateY(-100vh) rotate(-60deg) !important;
    transition: 1s;
    visibility: hidden;
    transform-origin: bottom left;
}

selector > .e-con,
selector > .e-container,
selector > .e-con-inner > .e-con,
selector > .e-con-inner > .e-container {
    position: sticky;
    top: 0;
}

				
			

JavaScript Code for Stacked Card Scrolling Effect:

				
					


				
			

Class Name here

my-stacked-card-area
my-stacked-cards
my-active-card

Leave a Comment

Your email address will not be published. Required fields are marked *