Как сделать данное задание?

Question

[Akavra]

Вообщем вот задание

Очень хочется узнать как его можно сделать, заранее спасибо!

Comments

[FeST1VaL]

Ну берете фрилансера, платите ему бабок и он делает вам, профит.
У вас чистой воды задание... а не вопрос...
А так же вообще не понятно что именно в задании надо сделать... расположить рядом 3 блока с 3 блоками с разными z-index?

[Александр Васильев]

Одной картинкой?
Тремя?

Answer 1

[Daemon23RUS]

1. Погуглить самому
   
2. Я погуглю за Вас
   

P.S. Вы бы хоть что то пробовали делать, дополните свой вопрос примером Вашего кода, как минимум. А в таком виде это не вопрос а задание.

Comments

[Akavra]

Это действительно мне поможет, спасибо! А погуглить я не мог, потому что просто я не знаю как назвать то что я не могу сделать

[Daemon23RUS]

Akavra, Поймите, народ агрится на такие вопросы, т.к Вы предоставляете мало информации. К примеру, опиши Вы свою ситуацию, учу хтмл, дали задание, делаю квадраты, не знаю как получить такой эффкт, и что гуглить. Получите ответ. А с такой постановкой вопроса - хапните негатива. Читайте правила. Получили действенный ответ - отмечайте решением. Не помог ответ -пишите в комменте аргументацию, почему не работает.
Думайте об остальных, кто сталкивается с подобной проблемой, они в поиске решения этой проблемы, очень желательно, должны попасть на Ваш вопрос, и увидеть ответ, который поможет и им в том числе.
Как то так я себе представляю этот ресурс.

[Elvis]

Добавлю только что основная концепция ресурса тут это не "у меня вот такое задание, как решить?", а "у меня вот такое задание, я пробовал сделать вот так(код), но не получается, как решить?"

[Daemon23RUS]

Elvis, Абсолютно согласен !! Упустил сей момент в своем комменте.

Answer 2

[Emanjh]

<div class="wrap1"></div>
<div class="wrap2"></div>
<div class="wrap3"></div>

.wrap1 , .wrap2 , .wrap3 {
    width: 100px;
    height: 100px;
    border: none;
    position: absolute;
}

/* 1 Решение */

/* .wrap1 {
    background-color: rgb(204, 157, 165);
} .wrap2 {
    background-color: rgb(72, 72, 138);
    top: 60px;
    left: 60px;
} .wrap3 {
    background-color: rgb(54, 107, 54);
    top: 120px;
    left: 120px;
} */

/* 2 Решение */

 /* .wrap1 {
    background-color: rgb(204, 157, 165);
} .wrap2 {
    background-color: rgb(72, 72, 138);
    top: 60px;
    left: 60px;
    z-index: 3;
} .wrap3 {
    background-color: rgb(54, 107, 54);
    top: 120px;
    left: 120px;
}  */

/* 3 Решение */

  /* .wrap1 {
    background-color: rgb(204, 157, 165);
    z-index: 3;
} .wrap2 {
    background-color: rgb(72, 72, 138);
    top: 60px;
    left: 60px;
} .wrap3 {
    background-color: rgb(54, 107, 54);
    top: 120px;
    left: 120px;
    z-index: 3;
}   */