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

Question

[Ярослав Студеникин]

Всем привет. Подскажите, каким лучше способом сверстать такой элемент? Задача тут усложняется тем что желательно хвостик вычисляемой высотой ставить вверх. (calc css). Так же две дополнительные линии будут анимированы.

Answer 1

[Aetae]

А проблем то в чём?
Блок, в нём по центру background: linear-gradient и :before/after повёрнутый квадрат.
Условно так: