Как сделать дочерний блок маской для родителя?

Question

[imko]

Имеем

<div class="parent">
	<img src="" alt="" class="child">
</div>

Задача - использовать картинку .child как mask-image для .parent. Не обязательно использовать именно это свойство, главное чтобы работало аналогично.

Comments

[Максим]

Вы лучше скриншот покажите того что должно получиться

[imko]

Максим с Казахстана, https://glitch.com/~mask-image

[ForSureN1]

imko, а в чем проблема поставить для parent mask: url(mask.png)?

[imko]

ForSureN1, в том что так надо каждому инлайновый стиль дописывать будет, либо миллион классов с заложенными картинками

[ForSureN1]

imko, ну в таком случае попробуй так mask: url('#child') - в общем можно в url вставить ссылку на html элемент

[Ankhena]

imko, какая разница, src у img менять или какое-то кастомное у родителя в style="----bgi: url(тут-урл)"

[imko]

ForSureN1, хорошая идея, но не сработало к сожалению, браузер говорит не может найти такое изображение