Страницы

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

воскресенье, 10 марта 2019 г.

Как можно сделать вот такой элемент на CSS


Не знаю как лучше оформить такое решение на css


Ответ

Вроде бы не сложная вёрстка
.orient { width: 200px; height: 300px; border: 6px solid gold; transform: translate(80px, 30px); position: relative; } .bottom { background: #fff; position: absolute; bottom: 60px; transform: translateX(-50%); padding: 10px; } .bottom a { color: gold; } .top { width: 100px; height: 130px; background: #fff; transform: translate(-50%, 30px); }


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

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