@deserteer

Как сдвинуть 3 блока относительно друг друга в CSS?

Добрый день. Как не равномерно сдвинуть один фон относительно другого? Как на картинке? И возможно ли использовать для этого after и before?

5daa2bd938e1e139099311.jpeg
  • Вопрос задан
  • 425 просмотров
Решения вопроса 3
Zraza
@Zraza
Помог ответ? Отметь решением!
1) Можно сделать один блок (зеленый) и множественную тень
2) Можно after и before с position: relative
3) Можно просто несколькими блоками
Ответ написан
@xversus
Можно, но необязательно, вполне достаточно абсолютного позиционирования с вложенностью. У него и браузерная поддержка пошире будет.
https://codepen.io/redstone-m/pen/RwwoPPW
Ответ написан
origami1024
@origami1024
went out for a night walk
Вота на псевдоэлементах если что
.theDude{
  position: relative;
}
.theDude:before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  transform: translate(20px, 20px);
  background-color: gray;
}
.theDude:after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
  transform: translate(40px, 40px);
  background-color: lightgray;
}


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

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

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