Skip to content

Diff

Examples for the ss-c-diff module.

Image diff (50%)

HTML
<figure class="ss-c-diff" style="--ss-diff-position: 50%; aspect-ratio: 16/9; max-width: 480px;">
            <div class="ss-c-diff__item-1">
                <img src="/img/placeholder/480x270-diff-a.svg" alt="">
            </div>
            <div class="ss-c-diff__item-2">
                <img src="/img/placeholder/480x270-diff-b.svg" alt="">
            </div>
            <div class="ss-c-diff__resizer"></div>
        </figure>