filter-on-outer-svg.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

</head>

<body style="background-color: lime;">

  <div style="width: 100px; height: 100px; background-color: red;">

    <svg width="100" height="100" style="filter: opacity(100%);">

      <g transform="matrix(200,0,0,200,-20000,-20000)">

        <rect width="200" height="200" style="fill:lime">

      </g>

    </svg>

  </div>

 </body>

</html>