Можно ли сделать градиентный фон с квадратным узором, размер которого изменяется по мере роста веб-страницы вниз?
Квадратный узор, темный цвет - светлый цвет - темный цвет и т. д., и по мере подъема он становится светлее (градиент по вертикали) и, что важно, как сделать так, чтобы узор увеличивался по мере необходимости, потому что я мало знаю о фотошопе. но, насколько я знаю, я должен выбрать размеры проекта 900x500 («высота»), однако высота растет, когда я добавляю материал в контейнер div... (градиент также должен быть переделан или что-то в этом роде)
Это делается в HTML/CSS или в настройках фотошопа? Или мне нужно сделать большой фон и сделать так, чтобы он отображался, когда пользователь прокручивает страницу вниз?
Если я правильно понимаю ваш вопрос, вы можете наложить два div
s, один с вашим шаблоном и background-repeat: repeat;
снизу, а другой с гибким градиентом от белого до прозрачного сверху. Этот генератор градиента мне очень помог.
Вы можете просто создать изображение и использовать background-size
свойство CSS.
Больше информации о background-size здесь.
По сути, он сообщает изображению масштабироваться в соответствии с размером окна или масштабироваться в соответствии с любым размером, который вы объявили.
Имейте в виду, что вам может потребоваться использовать префиксы поставщиков , чтобы все работало правильно, и это не поддерживается в старых веб-браузерах.
Было бы полезно увидеть образец изображения, которое вы хотите использовать.
Зак Грирсон