Как сделать псевдо слева?

Question

[tkachenkoaanna097]

по макету( на скрине) 254 на 488
у меня 250 на 250 (если изменять значения то все-равно не получается 254 на 488)

https://jsfiddle.net/8215stLb/

Answer 1

[lUser L]

.block {
  width: 254px;
  height: 488px;
  border: 1px solid #000;
  background: linear-gradient(117deg, black 42%, transparent 0);
}

https://jsfiddle.net/ypwhqxrt/

Comments

[tkachenkoaanna097]

Эмиль 🔥, спасибо)

Answer 2

[Юрий]

Если обязательно нужно сделать именно через бордер, можете добавить псевдоэлементу трансформ с нужными пропорциями:

transform: scaleX(0.52);
transform-origin: left;

Comments

[tkachenkoaanna097]

Юрий, а как еще можно?

[Юрий]

tkachenkoaanna097, clip-path, градиент, SVG, картинка.