Подгонка Div к размеру маски - PullRequest
Новая
       15

Подгонка Div к размеру маски

0 голосов
/ 22 ноября 2018

Можно ли сделать <div> размером с маску CSS?Скажем, изображение маски составляет 100 х 100 пикселей.Можно ли сделать <div> автоматически 100px x 100px большим?(не помещая style="width: 100px; height: 100px" в div)

Я ищу что-то вроде style="width: 100%; height: auto" или что-то в этом роде.Это не обязательно должен быть элемент <div>, это может быть что угодно (например, <img> может быть?)

Здесь есть что поиграть (вы, ребята, можете редактировать это правильно?): 

.logo {
    background-color: black;
    mask-image: url('https://s.cdpn.io/3/kiwi.svg');
    width: 100px;
    height: 100px;
}

.image {
    content: url('https://s.cdpn.io/3/kiwi.svg');
    width: 100px;
    height: auto;
}
<div class="logo"></div>

<img class="image">

Если вы, ребята, не можете редактировать вышеупомянутое, вот то, что вы можете редактировать (в Angular, я не уверен, где еще я могу создавать такие вещи, какэто?)

https://stackblitz.com/edit/angular-sw5zf7

...