Как сделать, чтобы border-radius не обрезался?

Question

[pchela95]

после того когда зашли на страницу, так и по листанию слайдов
https://jsfiddle.net/zubm1gv4/1/

Answer 1

[bingumd]

.info__image {
    ...
    border-radius: 20px;
    overflow: hidden;
}

Comments

[pchela95]

bingumd, но по смене слайда видно, как бордер-радиус то есть, то нет https://jsfiddle.net/0hsmL5bf/

[bingumd]

уберите все бордер радиусы и примените эти стили:

.info__item:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.info__item:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

[pchela95]

bingumd, теперь так
https://jsfiddle.net/h8c0vgjx/

[bingumd]

про это забыл:

.swiper {
    ...
    border-radius: 20px;
}