Parallax CSS фоновое изображение немного смещаются

Question

У меня есть фоновое изображение из background-url и мой параллакса работает для изображения, когда я ставлю: background-attachment: fixed;

Как я могу сделать это так, что фоновое изображение перемещается немного, когда я прокрутки ?

Вот примеры, я говорю о:

Это то, что я имею сейчас, когда я прокручиваю: http://www.w3schools.com/howto/tryhow_css_parallax_demo.htm

Это то, что я хочу, когда я прокручиваю: http://materializecss.com/parallax-demo.html

Answer 1

Может this link поможет ему использует Javascript, чтобы переместить фоновое изображение

РЕДАКТИРОВАНИЕ

Я просто понял, это работает только потому, что фоновое изображение повторяющийся узор. Если вы хотите сделать этот эффект с помощью обычного изображения, вы можете использовать Parallax.js.

Answer 2

Вы можете используйте комбинацию свойств CSS3 transform и transition, чтобы сделать фоновое изображение анимированным. Вот как это сделать: link. Вы можете использовать событие Javascript onscroll, чтобы вызвать то, что я вызвал при наведении.