mix-blend-mode-parent-element-overflow-hidden-and-border-radius-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>CSS Reftest Reference</title>

        <link rel="author" title="Mirela Budăeș" href="mailto:mbudaes@adobe.com">

        <link rel="author" title="Ion Roșca" href="mailto:rosca@adobe.com">

        <link rel="reviewer" title="Mihai Țică" href="mailto:mitica@adobe.com">

        <style type="text/css">

            .parent {

                background: lime;

                width: 140px;

                height: 140px;

                border-radius: 1em 5em;

        </style>

    </head>

    <body>

        <p> Test passes if you see a lime square with rounded corners.</p>

        <div class="parent">

        </div>

    </body>

</html>