Не применяется маска 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>
```
09 декабря 2017 в 11:33
Ближайшие курсы
SEO-специалист
Практический курс по поисковому продвижению.
14
ноября
Интенсив "C# для начинающих"
Знакомство с языком С# на примере разработки игры
14
ноября
Вводный курс в геймдизайн и разработку игр
Этапы создания игры, основные роли и задачи
14
ноября
Новые статьи
Факультет аналитики в IT — освойте три профессии за год
6400
Тренды среди языков программирования в 2019 году
31900
Бесплатное обучение тестировщиков ПО
1127130
Новые вебинары
Интервью с Максимом Дорофеевым. Почему взрослые люди часто важные вещи делают в последний момент?
18 декабря140
Аналитика Big Data: что это такое и как сюда попасть
27 ноября180
Воркшоп: изучаем Hibernate ORM для работы с базами данных
27 ноября50
Новые темы
Игор Савула
HTML/CSS вёрстка
0
ответов
