dmlogv
@dmlogv
Универсальный человек

Рамка со скошенными углами на CSS: быть или не быть?

61d8b45e52a244d2b51ba81ba4dd81ab.png

Можно ли максимально кроссплатформенно (но без динозавров) засиэсэсить такую рамку без мусорной разметки? Фон желательно иметь прозрачный. Или непрозрачный, но несовпадающий с цветом рамки.
  • Вопрос задан
  • 8801 просмотр
Решения вопроса 1
Можно использовать это решение: codepen.io/hilja/pen/rhlwG
Вложив 1 модуль в другой.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
artem328
@artem328
Статья по геом. фигурам. Посмотрите восмиугольник
Ответ написан
Trow_eu
@Trow_eu
Для тонкой, скорее всего, придется использовать svg.

хотя... если фон вокруг рамки может быть однотонным, то можно попробовать толстым бордером по способу выше, одного цвета с окружающим фоном, а для тонкой рамки внутренюю тень сделать.
Ответ написан
Комментировать
Уфф), только если разбить на три части, серцевина как простой блок + верхняя и нижняя шапки, с транзишном на правых.левых бордерах. Но это как-то объемно, проще на самом деле SVG использовать.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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