So if you follow along in the video, I refer to this blog post for you to enter code at certain point into the HTML widget, so below is everything you will need!
Alternatively
You can download the complete template here
The Following are the css class names I used in the tutorial:
reboot-stacking-card-area
reboot-stacked-cards
The Following code goes into the Card Section Container (reboot-stacking-card-area):
selector{
--card-scroll-height: 400;
--card-rotate: 12;
}
selector .reboot-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;
}
The Following code goes into the HTML widget: