Как изменить форму карты материалов (угловая 6)?

Question

html:

<mat-card class="matcard-black"></mat-card>

css:

.matcard-black {
  background-color: black;
  height: 400px;
  margin-top: 10px;
  background: linear-gradient(168deg, #000 62%, #000 62%, #000 62%, 
  transparent 63%);

}

Я хочу настроить форму мат-карты.Код, который написан выше, просто строит эту форму внутри карты, но я хочу, чтобы моя карта была в этой форме.

Answer 1

Вы можете попробовать это.

mat-card {
      background-color: black;
      height: 400px;
      margin-top: 10px;
      background: linear-gradient(168deg, #000 62%, #000 62%, #000 62%, 
      transparent 63%);
}

Answer 2

Вы можете попробовать стилизацию с именем тега вместо имени класса (т.е. mat-card)