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

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
FullStack-разработчик
FunFlow • Москва
от 80 000 до 120 000 ₽
Frontend-разработчик React
ДАЛЕЕ • Москва
от 150 000 ₽
Fullstack-разработчик (Yii2, Vue.js, PostgreSQL)
OneLink
от 150 000 до 190 000 ₽
Ещё вакансии