Home/Explore/

Stacked cards

CSS Layout - Most popular layouts and patterns that can be built with CSS | Product Hunt Embed
<div style="
    /* Used to position the stacked cards */
    position: relative;
">
    <!-- Repeat if you want to have more cards -->
    <div style="
        /* Absolute position */
        left: 0px;
        position: absolute;
        top: 0px;

        /* Take full size */
        height: 100%;
        width: 100%;

        /* Displayed under the container */
        z-index: -1;

        /* Background and border colors */
        background-color: rgb(255, 255, 255);
        border: 1px solid rgba(0, 0, 0, 0.3);

        /* Rotate it. Change the number of degrees for the following cards */
        transform: rotate(5deg);
    " />

    <!-- Main card's content -->
    ...
</div>

Related patterns

Card

Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!