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

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Разработчик Vue.js
Совкомбанк Технологии • Красноярск
Технический писатель
MIND Software • Москва
Ещё вакансии