Совместимость transform: skew с border и border-radius

106
14 апреля 2022, 03:00

У меня есть 3 блока со значением transform: skew(0deg, 10deg). При попытке прописать border (см 1 фото) или border-radius (см 2 фото) верхняя (косая) граница становится "ступенчатой".

Без этих свойств "ступенчатости" нет, но мне нужно так стилизовать блоки.

Как можно это пофиксить? Или skew и border априори несовместимы?

Answer 1

Просто добавьте в CSS.

{ image-rendering: optimizeQuality; 
  -webkit-backface-visibility: hidden; }
READ ALSO
Динамически посчитать высоту div React
CSS

Динамически посчитать высоту div React

Установил свойство css, чтобы блок растягивался на всю оставшуюся высоту экрана

 226
Слетает вёрстка при подключении jsapi
CSS

Слетает вёрстка при подключении jsapi

При подключении <script src="https://api-mapsyandex

 228
Вставка одного css файла внутри другого
CSS

Вставка одного css файла внутри другого

Каким образом можно вставить один css-файл внутри другого css-файла?

 111
Как сделать отступы у блоков с помощью nth-child
CSS

Как сделать отступы у блоков с помощью nth-child

Задание:

 163