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

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend разработчик на React
SkillsRock • Таганрог
от 60 000 до 90 000 ₽
Разработчик Bitrix/Bitrix24 (part time)
BGS Group
от 1 000 до 1 500 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Ещё вакансии