1553828-1-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>Bug 1553828</title>

    <style type="text/css">

    .container {

        transform-style: preserve-3d;

        perspective: 1000px;

        width: 500px;

        background-color: white;

    .child {

        width: 500px;

        height: 500px;

        background-color: red;

        transform: translateY(0px);

        mix-blend-mode: difference;

    </style>

</head>

<body>

    <div class="container">

        <div class="child"></div>

    </div>

</body>

</html>