<head>
    <style>
        .box {
          position: absolute;
          left: 40px;
          top: 40px;
          width: 200px;
          height: 200px;
          background-color: silver;
          filter: url(#filter);
        }
        
        svg {
            display: none; 
        }
    </style>
</head>
<body>
   <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1">
    <defs>
        <filter id="filter">
            <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1" seed="5" stitchTiles="stitch"/>
            <feColorMatrix type="saturate" values="0"/>
            <feComponentTransfer color-interpolation-filters="sRGB">
                <feFuncR type="linear" slope="0" intercept="0"/>
                <feFuncG type="linear" slope="0" intercept="0.5"/>
                <feFuncB type="linear" slope="0" intercept="0"/>
                <feFuncA type="linear" slope="0" intercept="1"/>
            </feComponentTransfer>
        </filter>
    </defs>
  </svg>
  <div class="box"></div>
</body>
