Здравствуйте. Здесь всё просто. Мы же задаем высоту секции в vh, где происходит анимация. То есть когда анимация завершается, фактически, мы доскроллили до конца. Это значит, что дальше будет прокручиваться весь дальнейший контент. Вам просто необходимо добавить обертку для контента, указать position: relative, при необходимости подобрать z-index и верстать последующий контент, который будет прокручиваться дальше. Если внимательно посмотреть и понять урок - когда начинается, когда заканчивается анимация, как происходит привязка к скроллу, всё встанет на свое место и ответ будет на поверхности.
Здравствуйте, не могли бы записать видео как сделали картинки в Photoshop? Для новичков кто никогда не работал в Фотошоп. И сделать из этого видео ссылку на видео где показана как картинки редактировались в Фотошоп с нуля.
Ребят, столкнулся с проблемой: всё делал по технологии, всё выглядит прекрасно, НО у меня появляется вертикальный скролл-бар, и никак его не убрать. Подскажите пожалуйста, кто знает,чем исправить этот косяк?
/* Скрыть скроллбар для современных браузеров (на базе Webkit, таких как Chrome, Safari, Edge, Opera). */ ::-webkit-scrollbar { display: none; } /* Скрыть скроллбар для Firefox */ html { scrollbar-width: none; /* Firefox */ } /* Скрыть скроллбар для Internet Explorer 10+ */ body { -ms-overflow-style: none; /* IE and Edge */ }
Можно создать инлайновый тег style, в который загружать переменные, в зависимости от медиа запросов: :root { --background-1: url(image-regular.png) } @media (max-width: 300px) { :root { --background-1: url(image-small.png) } } И так для каждого слоя.
💥 Все курсы в одном комплекте 👇👇👇
webdesign-master.ru/bundle_courses
Не по уведомлению, а по зову сердца. Спасибо за урок
Master, Вы как всегда на высоте! Без воды, четко и по делу. Прекрасная атмосферная работа!!!!
Потрясающе! И не догадывался, что такое волшебство можно создать абсолютно без js!!!! Чудеса да и только )
Как всегда - отлично и интересно. Спасибо! Пойду пересматривать параллакс, так как задачка по этой теме нарисовалась:)
Ждал Вас , спасибо за видео! Вы очень сильный разработчик!
Спасибо за интересный урок! И вообще ваши уроки очень крутые.
Спасибо за крутой проект.
спасибо за урок!
Большое спасибо!
Спасибо!
Супер!
Очень круто!
Супер видео.
Круто!
спасибо за урок
Спасибо!
Спасибо. Все получилось. 🍪
спасибо за урок! как всегда очень полезно😌 вот только не очень поняла, как сделать прокрутку вниз, если у страницы есть дальнейшее содержание?
Здравствуйте. Здесь всё просто. Мы же задаем высоту секции в vh, где происходит анимация. То есть когда анимация завершается, фактически, мы доскроллили до конца. Это значит, что дальше будет прокручиваться весь дальнейший контент. Вам просто необходимо добавить обертку для контента, указать position: relative, при необходимости подобрать z-index и верстать последующий контент, который будет прокручиваться дальше. Если внимательно посмотреть и понять урок - когда начинается, когда заканчивается анимация, как происходит привязка к скроллу, всё встанет на свое место и ответ будет на поверхности.
Здравствуйте, не могли бы записать видео как сделали картинки в Photoshop? Для новичков кто никогда не работал в Фотошоп. И сделать из этого видео ссылку на видео где показана как картинки редактировались в Фотошоп с нуля.
Здравствуйте. Хорошо.
Комментарии в поддержку каналу: т9 вклада каждого использования необходим доступ...
Что с проводнитком? Как такой же сделать?
Ребят, столкнулся с проблемой: всё делал по технологии, всё выглядит прекрасно, НО у меня появляется вертикальный скролл-бар, и никак его не убрать. Подскажите пожалуйста, кто знает,чем исправить этот косяк?
/* Скрыть скроллбар для современных браузеров (на базе Webkit, таких как Chrome, Safari, Edge, Opera). */
::-webkit-scrollbar {
display: none;
}
/* Скрыть скроллбар для Firefox */
html {
scrollbar-width: none; /* Firefox */
}
/* Скрыть скроллбар для Internet Explorer 10+ */
body {
-ms-overflow-style: none; /* IE and Edge */
}
А где найти код такой: на десктопной версии на главном экране одно изображение, а когда мобильная версия, то изображение меняется на другое?
Можно создать инлайновый тег style, в который загружать переменные, в зависимости от медиа запросов:
:root { --background-1: url(image-regular.png) }
@media (max-width: 300px) {
:root { --background-1: url(image-small.png) }
}
И так для каждого слоя.
@@wdmлучший, спасибо
Да уж, знаю только тег , так прокачать свой скилл, займёт несколько жизней...
Чуть быстрее)
You create very things very good but I didnt understood your language 😢
⚙ > Russian (auto-generated) > Auto-translate > English
@@wdm I need code
link in description
Can you afford thier codes 😢
link in description