@tkachenkoaanna097

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

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

https://jsfiddle.net/8215stLb/

5f466e34b20b9331484023.jpeg
  • Вопрос задан
  • 72 просмотра
Решения вопроса 3
sniggering_deus
@sniggering_deus Куратор тега CSS
Dance Gavin Dance - Prisoner
Я думаю это проще сделать с помощью clip-path.
Всего одной строкой кода, можно добиться нужного результата.

Вот пример:

clip-path: polygon(0 0, 80% 0, 0 100%, 0 100%);

Играйте с ним для достижения нужного эффекта.

Можно конечно сделать и градиентом, но боюсь что проявление артефактов(лесенка) неизбежно.
Ответ написан
ib0123456789
@ib0123456789
Parse error: syntax error, unexpected ';'
.block {
  width: 254px;
  height: 488px;
  border: 1px solid #000;
  background: linear-gradient(117deg, black 42%, transparent 0);
}


https://jsfiddle.net/ypwhqxrt/
Ответ написан
@cheeroque
Если обязательно нужно сделать именно через бордер, можете добавить псевдоэлементу трансформ с нужными пропорциями:

transform: scaleX(0.52);
transform-origin: left;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы