@marki1404

Как сверстать данный блок?

5e74df788f878039192814.png
Добрый день! При вёрстке макета возникла проблемка с версткой одного блока. Уже пол дня пробую его сверстать, но ничего путевого не выходить. Помогите, пожалуйста, сверстать данный блок. Буду очень благодарен!
  • Вопрос задан
  • 150 просмотров
Решения вопроса 2
roixxv
@roixxv
Плод времени.
Ответ написан
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
Clip-path - VR1:



Clip-path - VR2:



Чистый код без демки:

.svg {
  position: absolute;
  width: 0;
  height: 0;
}

.mask {
  width: 400px;
  height: 350px;
  background: red;
  -webkit-clip-path: url(#my-clip-path);
  clip-path: url(#my-clip-path);
}


<svg class="svg">
  <clipPath id="my-clip-path" clipPathUnits="objectBoundingBox"><path d="M0.003,1 V0.004 H0.938 C0.974,0.004,1,0.041,1,0.088 V0.209 L0.932,0.289 V0.685 L1,0.762 V0.919 C1,0.966,0.974,1,0.938,1 H0.003,NaN s0 t0 r, o, k, e=&quot;, b, l0 a0 c0"></path></clipPath>
</svg>

<div class="clipped"></div>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
HistoryART
@HistoryART
Молодой и дерзкий
svg рисуйте формы, остальное как обычно
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы