Css - Не применяется маска css + svg | GeekBrains - образовательный портал

Не применяется маска css + svg

Подскажите пожалуйста, в чем может быть проблема. Не применяется маска css с svg.
```
<!DOCTYPE html>
<html>
<head>
<style>
img {
mask: url(#masking);
}
</style>
</head>
<body>

        <svg>
                <defs>
                  <linearGradient id="gradient" x1="0" y1="00%" x2 ="0" y2="100%">
                    <stop stop-color="black" offset="0"/>
                    <stop stop-color="white" offset="1"/>
                  </linearGradient>

                  <mask id="masking" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
                    <rect y="0.3" width="1" height=".7" fill="url(#gradient)" />
                    <circle cx=".5" cy=".5" r=".35" fill="white" />
                  </mask>
                </defs>
                </svg>
              <img src="image.jpg" width="568">    
</body>

</html>
```

1 чел.

Ближайшие курсы