Задать вопрос
@yar_stun
frontend-dev
html

Верстка ромба с хвостиком?

Всем привет. Подскажите, каким лучше способом сверстать такой элемент? Задача тут усложняется тем что желательно хвостик вычисляемой высотой ставить вверх. (calc css). Так же две дополнительные линии будут анимированы.
616339c7137bd404499119.png
  • Вопрос задан
  • 137 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 1
Aetae
@Aetae
Тлен
А проблем то в чём?
Блок, в нём по центру background: linear-gradient и :before/after повёрнутый квадрат.
Условно так:
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
HTML/CSS-разработчик со знанием WordPress (PHP)
Epiic
от 90 000 ₽
Frontend-разработчик (Vanilla JS, jQuery)
Karma8
от 150 000 до 320 000 ₽
Frontend разработчик на React
SkillsRock • Таганрог
от 60 000 до 90 000 ₽
Ещё вакансии