Что это за метод HTML

Question

Я недавно начал просматривать веб-сайты с полноразмерными фоновыми изображениями полной ширины, а когда вы прокручиваете вниз, появляется раздел с некоторым контентом, а затем с другим фоном. и это свиток со страницей. Я уверен, что если вы это видели, вы знаете, о чем я говорю.

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

Спасибо!

Answer 1

Я думаю, что у ищете Parallax Scrolling Website.

Есть много учебников для этого легко.

Простым примером для этого является here.

Мо может быть в те-

1. http://webdesign.tutsplus.com/articles/web-design-inspiration-scrollin-scrollin-scrollin--cms-25486
2. http://webdesign.tutsplus.com/tutorials/how-to-give-your-logo-the-slip-scroll-effect--cms-22274
3. http://webdesign.tutsplus.com/tutorials/create-a-masked-background-effect-with-css--cms-21112
4. http://webdesign.tutsplus.com/articles/building-a-complete-website-with-the-gumby-framework--webdesign-16980
5. http://webdesign.tutsplus.com/articles/working-with-gumbys-parallax-extension--webdesign-16967
6. http://webdesign.tutsplus.com/tutorials/jazz-up-a-static-webpage-with-subtle-parallax--webdesign-10195
7. http://webdesign.tutsplus.com/tutorials/create-a-parallax-scrolling-website-using-stellarjs--webdesign-7307
8. http://code.tutsplus.com/tutorials/a-simple-parallax-scrolling-technique--net-27641

Если и хотели бы реализовать Параллакс с Twitter Bootstrap, то это руководство для u-

https://www.impulse-themes.com/zenith/development/twitter-bootstrap-parallax-scrolling

Подумайте и есть ваш полный ответ.

Answer 2

Возможно, вы ищете Parallax? Есть много ресурсов в Интернете с инструкциями по этому поводу, надеюсь, зная, что этот термин доставит вас туда.

Вот простой demo с чистым CSS параллакс, но вы также можете check out Awwwards for some inspiration.

Answer 3

Термин «параллакс» первым пришел с визуальным эффектом 2D прокрутка видеоигры, которые использовали различное движение фоновое изображение скорости, чтобы создать иллюзия глубины во время игры. Как правило, это делалось путем того, чтобы фон игры двигался медленнее, чем передний план, чтобы заставить его казаться подальше. Эта же концепция применяется к дизайну сайта parallax, в котором фон веб-сайта движется с другой скоростью, так как остальная часть страницы обладает впечатляющим визуальным эффектом, который позволяет использовать бесчисленные творческие приложения для онлайн-рассказов.

Вы можете проверить приведенную ниже ссылку, чтобы узнать больше, советы и некоторые недостатки.

See More