Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Category: Widgets

stackCards JS

document.addEventListener(“DOMContentLoaded”, () => { // ========================================================= // 🎛 STACK CARDS SETTINGS — adjust these values as needed // ========================================================= const STACK_CONFIG = { // Vertical translation distances (px) translateYUpcoming: 80, // distance per step below active translateYPrevious: 60, // distance…Continue reading

stackCards CSS

.js-stack-cards { position: relative; height: 300vh; } .js-stack-cards .uk-container { position: sticky; top: 50%; transform: translateY(-50%); height: 400px; } /* Base style */ .js-stack-cards__item { position: absolute; top: 0; left: 0; width: 100%; border-radius: 8px; padding: 40px 20px; background: #eee;…Continue reading