← All elements
<div class="pc-stack" tabindex="0" aria-label="Store promises">
<article class="pc-stack__card" style="--i:0">
<h3>Free returns</h3>
<p>Send it back within 30 days.</p>
</article>
<article class="pc-stack__card" style="--i:1">
<h3>Gift wrapping</h3>
<p>Added at checkout, free.</p>
</article>
<article class="pc-stack__card" style="--i:2">
<h3>Local pickup</h3>
<p>Ready in two hours.</p>
</article>
<article class="pc-stack__card" style="--i:3">
<h3>Repairs</h3>
<p>We mend what we sell.</p>
</article>
</div>About this layout
A scrolling list where position: sticky with a per-card offset makes each card slide over the last one and leave a visible edge. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.