Почему не выходит параллакс эффект?

Question

[hollanditkzn]

У пробовал как на примере вот этого видео и у меня не выходит сделать такой-же эффект с tratsform: translateZ(-1px); Хотя по примеру все должно работать, но почему-то она не работает и не могу понять почему?
Вот весь код тестовый https://jsfiddle.net/hollanditkzn/onpop8xk/

Comments

[Negwereth]

Глубина сцены задана?

[hollanditkzn]

Negwereth: нет, его на js надо писать?

[Negwereth]

hollanditkzn: нет. https://developer.mozilla.org/en-US/docs/Web/CSS/p...

[hollanditkzn]

Negwereth: это да есть такое perspective: 1px;

[hollanditkzn]

Negwereth: Полный код
с perspective

.parralax{
	height: 100vh;
	perspective: 1px;
	overflow-x: auto;
	overflow-y: hidden;
}

[Negwereth]

Ну я не вижу там причин, чтобы именно параллакс работал на этой демке. Откуда пример?

[hollanditkzn]

Negwereth: https://www.youtube.com/watch?v=kapquW3pYY8
getinstance.info/articles/css/pure-css-parallax-we... и так далее в интернете надыбал

[hollanditkzn]

Negwereth: там выходит что 2 текста друг к другу стоят, хотя должны быть раздельны и это меня напрягает

[hollanditkzn]

Negwereth: То есть нет переднего слоя и заднего слоя правильно назвать, в примере это заметно видно

[Negwereth]

hollanditkzn: ну так вы может туториал до конца дочитайте, весь код примените, например.

[hollanditkzn]

А смысл применять, если уже на этом этапе не состыковка если Вы читали эти статьи
Там вот этот код

.layer--base {
  	transform: translateZ(0);
}

.layer--back {
  	transform: translateZ(-1px);
}

Он и дает нижний слой и верхний слой. Но у меня этот код не срабатывает. В видео на ютубе все сделал также

[hollanditkzn]

Поэтому я и спрашиваю, потому что в материалах я смотрю и где должен быть результат, там его и нет. Так бы и не спрашивал

Answer 1

[hollanditkzn]

Все решил проблему. Была проблема в том что я parallasx неправильно написал, вторая проблема overflow-x и y я не туда сунул И все номрмально заработало
https://jsfiddle.net/hollanditkzn/onpop8xk/3/

Comments

[Максим]

а если надо три или больше изображения/блока паралаксом сделать ?

[hollanditkzn]

Максим Ленский: не знаю что ответить на этот вопрос