Ширина параллаксного изображения для высоты 550 пикселей

Возможно, это не лучшее место, чтобы спросить об этом, я пытаюсь получить параллакс во всю ширину с высотой 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, и когда он применяется к параллаксу, он выглядит очень увеличенным. Что я могу сделать, чтобы он выглядел лучше?

вот рабочий пример: jsfiddle.net/Lt8wd2nm

לבני מלכה 17.12.2018 07:43

Я вижу любой супер-зум ... или, пожалуйста, опубликуйте рабочий код

לבני מלכה 17.12.2018 07:44

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

A. Meshu 18.12.2018 22:26
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
3
112
0

Другие вопросы по теме