Почему не работает параллакс эффект?

Question

[Илья Матвийчук]

<div class="parallax">
        <div class="back">back</div>
        <div class="front">lorem300</div>
        <div class="back">back</div>
        <div class="front">lorem300</div>
    </div>

.parallax {
  perspective: 1px;
}
.front {
  transform: translateZ(0);
}
.back {
  transform: translateZ(-1px);
}

Почему не создаётся эффект 3D прокрутки? .back же по оси z дальше находится, должен и прокручиваться медленнее.

Comments

[Froggyweb]

Z - это не время. и время в пикселах не измеряться

[Rustam Bainazarov]

https://keithclark.co.uk/articles/pure-css-paralla...

[Rustam Bainazarov]

[Илья Матвийчук]

Рустам Байназаров, да, я читал эти статьи, разбирал примеры, но никак не получается понять. Вот, вы можете, пожалуйста, сказать, что не даёт элементу .back скроллиться, как будто он отодвинут назад?