0

Есть следующий код:

.back-side{
    display: block;
    position: relative;
}
.shape{
    position: absolute;
    width: 150px;
    height: 200px;
    background: grey;
    border-radius: 6%;
    overflow:hidden;
    transform: skew(42deg, 0deg) rotate(20deg) scale(460%);
    margin: 260px 0 0 150px;
}

Нужно сделать так что бы shape не выходила за границы (т.е как бы обрезалась родительским блоком) back-side, div.shape вложен в div.back-side. Подскажите пожалуйста как реализовать это?

1 ответ 1

0
.back-side {
    ...
    overflow:hidden;
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.