@ZipZaper

Overflow:hidden как лучше сверстать?

Вопрос:
Есть такая картинка, проблема в том что я сначала задаю блоку overflow:h и потом псевдоэлементом задаю бордер и он скрывается.5ffda1f061736301609850.png
<div class="card__img-wrap">
                        <picture class="card__img">
                            <source srcset="img/section-main/main@1x.webp 1x,
                                            img/section-main/main@2x.webp 2x" 
                                            type="image/webp">
                            <img src="img/section-main/main@1x.jpg" 
                                srcset="img/section-main/main@2x.jpg 2x"
                                alt="Bright room designed by our workers">
                        </picture>
                    </div>

&__img-wrap
        width: 717px
        height: 626px
        border-radius: 140px 0px
        overflow: hidden
        position: relative
        z-index: 2
        &::after
            content: ''
            display: block
            position: absolute
            bottom: -30px
            width: 100%
            height: 100%
            border: 2px solid $beige
            border-radius: 140px 0px
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
LenovoId
@LenovoId
svg, css,js
width height top left поправите сами

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы