Бібліотека методичних матеріалів

Опублікувати матеріал
Всі матеріали Мої матеріали Завантажені Обговорення
https://vseosvita.ua/no-photo2.jpg

Опублікував/ла:

Конончук Валентина
Посилання Написати Додати в обране Поскаржитися
Матеріал:

Створення parallax effect за допомогою JavaScript

docx
13.05.2026
4 0
1 1
10 Клас, 11 Клас

32

4

0

0

Завантажити файл у хорошій якості

Усі придбані матеріали можна знайти в розділі мої придбані матеріали

Опис методичного матеріалу:

Паралакс-ефект дає змогу створювати різноманітний веб-дизайн і втілювати в життя будь-яку візуальну історію. На відміну від чистого CSS, JavaScript дозволяє створювати складніші анімації, що залежать від позиції скролу або руху миші. У даній статті продемонстровано приклад створення паралакс ефекту із застосуванням JavaScript.

Джерела використаної інформації: розкрити закрити
• https://developer.mozilla.org/en-US/docs/Web/HTML
• https://developer.mozilla.org/en-US/docs/Web/CSS
• https://developer.mozilla.org/en-US/docs/Web/JavaScript
• https://www.freepik.com/free-vector/bright-yellow-sun-silhouette_136881498.htm#fromView=search&page=1&position=10&uuid=f7317b1d-829e-4ce7-a522-1c3f40691b5e&query=%D1%81%D0%BE%D0%BD%D1%86%D0%B5
• https://www.freepik.com/free-vector/cloud-flat-style_177833624.htm#fromView=search&page=1&position=7&uuid=b9353ec9-1190-4ddb-9c97-633dd4e87b46&query=%D1%85%D0%BC%D0%B0%D1%80%D0%B8%D0%BD%D0%BA%D0%B0
• https://www.freepik.com/free-vector/natural-landscape-background-theme_9899870.htm#fromView=search&page=1&position=10&uuid=feedfc4f-b8ee-4df8-947e-359afa5b87f9&query=%D0%B3%D0%B0%D0%BB%D1%8F%D0%B2%D0%B8%D0%BD%D0%B0
• https://www.freepik.com/free-vector/cute-porcupine-design_138419269.htm#from_element=cross_selling__vector
• https://www.freepik.com/free-vector/rabbit-bunny-cartoon-animal-character_424652880.htm#fromView=search&page=1&position=2&uuid=fb9b1616-1d49-4317-a799-31230a5c5701&query=%D0%B7%D0%B0%D0%B9%D1%87%D0%B8%D0%BA
• https://www.magnific.com/free-vector/little-orange-bird_136484859.htm#fromView=search&page=1&position=1&uuid=a3f04a28-c9cd-4dd8-9d7a-bbca1b8ef2e9&query=bird
• https://www.magnific.com/free-psd/striped-hot-air-balloon-soaring-high-sky_405492565.htm#fromView=search&page=1&position=0&uuid=4ae39bdd-316f-4381-a265-a25bdc50561f&query=%D0%BF%D0%BE%D0%B2%D1%96%D1%82%D1%80%D1%8F%D0%BD%D0%B0+%D0%BA%D1%83%D0%BB%D1%8F
• https://www.magnific.com/free-vector/whimsical-tree-grape-house_225665135.htm#fromView=search&page=1&position=0&uuid=a3b5e976-fc6e-48e5-8bd9-60184dfe6b2d&query=%D0%BA%D0%B0%D0%B7%D0%BA%D0%BE%D0%B2%D0%B8%D0%B9+%D0%B1%D1%83%D0%B4%D0%B8%D0%BD%D0%BE%D0%BA
Вміст матеріалу:

Відображення документу є орієнтовним і призначене для ознайомлення зі змістом, та може відрізнятися від вигляду завантаженого документа.

Доступ до плеєра. Вбудувати плеєр:

0.
docx
Створення parallax effect за допомогою JavaScript.docx
6,6 Мб
Завантажити файл у хорошій якості

Усі придбані матеріали можна знайти в розділі мої придбані матеріали

Рекомендуємо

Завдання на основи JavaScript

docx
Завдання на основи JavaScript

613

Аватар профіля Дрозд Євген Анатолійович
STEM-освіта
5—12 клас, I—VI курси, дорослі та змішані

19 грн

Створення зображень за допомогою геометричних фігур

rar
Створення зображень за допомогою геометричних фігур

310

Аватар профіля Брилиста Ніна Віталіївна
Інформатика
3 клас

30 грн

Створення зображень за допомогою штучного інтелекту

pptx
Створення зображень за допомогою штучного інтелекту

39

Аватар профіля Міщенко Катерина
Інформатика
5—9 клас

33 грн

Завдання на основи JavaScript №2

docx
Завдання на основи JavaScript №2

182

Аватар профіля Дрозд Євген Анатолійович
STEM-освіта
5—12 клас, I—VI курси, дорослі та змішані

19 грн

ЗНАЙОМСТВО З JAVASCRIPT - КОМП'ЮТЕРНА ПРОГРАМА

pdf
ЗНАЙОМСТВО З JAVASCRIPT - КОМП'ЮТЕРНА ПРОГРАМА

341

Аватар профіля Чернієвський Юрій Всеволодович
Позашкільна освіта
змішані

25 грн

Параметри та аргументи функції в JavaScript

pdf
Параметри та аргументи функції в JavaScript

250

Аватар профіля Чернієвський Юрій Всеволодович
Позашкільна освіта
дорослі та змішані

25 грн

Дивитись ще
Схожі матеріали

Конспект уроку інформатики у 11 класі з теми "Структура веб-сайтів, різновиди веб-сайтів. Різновиди веб-сторінок. Етапи створення веб-сайтів"

doc
Конспект уроку інформатики у 11 класі з теми "Структура веб-сайтів, різновиди веб-сайтів. Різновиди веб-сторінок. Етапи створення веб-сайтів"

6229

Аватар профіля Озарчук Андрій Валерійович
Інформатика
11 клас

Виконання розрахунків у електронних таблицях

doc
Виконання розрахунків у електронних таблицях

3442

Аватар профіля Krasnova Elena
Інформатика
7 клас

Навчання майбутнього вже сьогодні: гейміфікація, програмування, робототехніка

pdf
Навчання майбутнього вже сьогодні: гейміфікація, програмування, робототехніка

693

Аватар профіля Краснянська Тетяна Володимирівна
Інформатика

Посібник із цифрового громадянства й безпеки "Обачність Пильність Захист Ввічливість Сміливість"

pdf
Посібник із цифрового громадянства й безпеки "Обачність Пильність Захист Ввічливість Сміливість"

337

Аватар профіля Сімейкіна Тетяна Іванівна
Інформатика
1—5 клас

Курс із мережевого етикету й безпеки

pdf
Курс із мережевого етикету й безпеки

343

Аватар профіля Сімейкіна Тетяна Іванівна
Інформатика
2—11 клас

Використання елементів навчально-дослідницької діяльності на уроках інформатики

doc
Використання елементів навчально-дослідницької діяльності на уроках інформатики

2305

Аватар профіля Озарчук Андрій Валерійович
Інформатика
Дивитись ще
✖
↑