Возможно, это не лучшее место, чтобы спросить об этом, я пытаюсь получить параллакс во всю ширину с высотой 550 пикселей .... мой вопрос в том, каковы должны быть размеры изображения? Ниже мой код CSS
element.style {
background-image: url(home-1-1.jpg);
min-height: 550px;
height: 550px;
position: relative;
left: 15px;
box-sizing: border-box;
width: 1472px;
}
.eltdf-parallax-row-holder {
position: static;
padding: 0;
background-attachment: fixed;
background-color: transparent;
background-position: center 0;
background-repeat: no-repeat;
overflow: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
-moz-transform: none;
}
Размер home-1-1.jpg составляет 2000x542, и когда он применяется к параллаксу, он выглядит очень увеличенным. Что я могу сделать, чтобы он выглядел лучше?
Я вижу любой супер-зум ... или, пожалуйста, опубликуйте рабочий код
Попробуйте масштабировать изображение с помощью редактора до высоты 480 пикселей и обрезать его в другой перспективе для разных экранов.
вот рабочий пример: jsfiddle.net/Lt8wd2nm