@Persotr27

Как сверстать фигуру (ромб, прямоугольник)?

Здравствуйте. В макете есть фигура, ромб в моём случае, она расположена как картинка. Каким образом можно ее сверстать? Экспортировать как изображение в svg?
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ответы на вопрос 4
VeroLom
@VeroLom
Веб-разработчик, фрилансер, UMI.CMS
В гугл! Вот примеры различных фигур на CSS: https://css-tricks.com/the-shapes-of-css/

Как вариант - SVG. Можно вставлять в вёрстку напрямую.
Что-то типа такого:
<style>
  svg {
    width: 100px;
    height: 200px;
  }
  polygon { fill: red }
</style>
<svg viewBox="0 0 2 2" preserveAspectRatio="none">
  <polygon points="1 0, 2 1, 1 2, 0 1" />
</svg>

https://codepen.io/anon/pen/RdJrgp
Ответ написан
@tempick
Делаете прямоугольник обычном див-ом, чтобы был ромб - поворачиваете на 45 градусов через transform:rotate
Ответ написан
sinistra17
@sinistra17
На этом сайте с помощью clip-path можно любую фигуру сделать
Ответ написан
Ваш ответ на вопрос

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

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