Attachment 347266 Details for Bug 188655 – Test

Test

reduction.html (text/html), 702 bytes, created by Antoine Quint on 2018-08-16 08:40:02 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Antoine Quint

Created: 2018-08-16 08:40:02 PDT

Size: 702 bytes

patch

obsolete

<style>

    .clipping-container {
        position: absolute;
        overflow: hidden;
        width: 492px;
        height: 150px;
        background-color: pink;
    }

    .grid {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 100%;
        transform: translateX(-100%);
        animation: slide 1s linear forwards;
    }

    img {
        width: 100%;
    }

    @keyframes slide {
        100% { transform: translateX(0) }
    }

</style>
<div class="clipping-container">
    <picture class="grid">
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=">
    </picture>
</div>

Actions: View

Attachments on bug 188655: 347266 | 354513 | 357283 | 357295