Страницы

Поиск по вопросам

вторник, 18 декабря 2018 г.

Как сделать нестандартную форма блока?

Как можно сделать такую форму с помощью CSS?


Ответ

Если это элемент дизайна, то есть минимум 2 простых способа:
transform: skewX(-20deg); background-image: linear-gradient(-20deg, grey 90%, transparent 90%);
Если в блоке планируется текст со скошенным правым выравниванием, то вам нужно использовать shapes. Но методика экспериментальная, мало каким браузерами поддерживается. Вот статья на эту тему http://frontender.info/css-shapes/

Комментариев нет:

Отправить комментарий