﻿span.progressive {
    overflow: hidden;
    outline: none;
}

    span.progressive:not(.replace) {
        cursor: default;
    }

    span.progressive img {
        width: 100%;
        max-width: none;
        height: auto;
        border: 0 none;
    }

        span.progressive img.preview {
            transform: scale(1.05);
        }

            span.progressive img.preview.blur {
                filter: blur(10px);
                transform: scale(1.05);
            }

        span.progressive img.reveal {
            left: 0;
            top: 0;
            will-change: transform, opacity;
            animation: reveal 1s ease-out;
        }

@keyframes reveal {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}
