Paralax эффект: как научиться делать?

Question

[PavelScron]

Заказчик просит паралакс. Подскажите годные мануалы или видеоуроки и сложно ли его вообще научиться делать?

Answer 1

[Олег]

Откройте themeforest, найдите сайт с паралаксом и посмотрите как работает. Единственное, не стоит делать background-attachment: fixed, лучше position: fixed не стоит делать анимацию через background-position, лучше transform.

Answer 2

[iBird Rose]

че его делать то? вешаешь на блок стили и все

background-image: url('img/image.jpg');
margin-bottom: 0;
background-position: 50% 67%;
background-attachment: fixed;
background-size: cover;
text-align: center;
color: #FFF;
position: relative;
z-index: 1;
display: block;
margin-left: auto;
margin-right: auto;

Comments

[DTX]

Чет не работает. Пример можно?

[iBird Rose]

DTX: https://jsfiddle.net/9hubLc1u/ может height не указал блоку?

[DTX]

iBird Rose: так это же просто fixed background) Паралакс это когда он ещё двигается при скролле
codepen.io/ltegman/pen/pJMzop

[iBird Rose]

DTX: это самый хороший способ чтобы не заморачиваться потому что заказчикам все равно на это пофиг. они не отличат мой вариант от твоего в 90% случаях

[copal]

iBird Rose: Вы только с ебнутыми чтоль работаете?)

[iBird Rose]

copal: с неразбирающимися.. я бы сказал.