Создаём красивый parallax-эффект | HTML, CSS, JS

  Рет қаралды 6,183

Елена Литвинова — Искусство Веб-разработки 🛸

Елена Литвинова — Искусство Веб-разработки 🛸

Күн бұрын

Пікірлер: 19
@user-dk9yl4ct7b
@user-dk9yl4ct7b 3 жыл бұрын
Паралакс всегда было интересно и завораживающее зрелище.
@AlexandraKapit
@AlexandraKapit 2 жыл бұрын
Привет, спасибо за полезный контент. Очень понравилось, что в видео есть предистория о том, как создавать такие слои, о идеях и различных инструментах.👍
@senails2859
@senails2859 2 жыл бұрын
невероятный всеобъемлющий джаваскрипт
@arsenmanasuev4934
@arsenmanasuev4934 3 жыл бұрын
Спасибо. оочень длинно я сразу поставил скорость х2 и уже хотел выключить но с 24 минуты все пошло очень четко и по делу. Благодарствую. Вы вполне могли бы из 1 сделать 2 видео где брать графику и как с ней работать и отдельно техническую часть.
@webelart
@webelart 3 жыл бұрын
Спасибо за комментарий! Да я согласна с вами, это мои первые видео, я прямо много говорила и еще не вырезала паузы. Сейчас я стараюсь делать более качественный монтаж и информацию концентрирование. Про графику отдельно и программную часть, идея крутая!
@sia4281
@sia4281 3 жыл бұрын
Четкое видео! Очень полезно. Сам только открываю для себя параллакс. Успехов каналу
@webelart
@webelart 3 жыл бұрын
Спасибо!
@biLLie_wiLLie
@biLLie_wiLLie 2 жыл бұрын
1:50 и тут Лена поняла, что пора осваивать тестирование)
@webelart
@webelart 2 жыл бұрын
😂😂
@senails2859
@senails2859 2 жыл бұрын
очень классно ,
@miklayen_yakim
@miklayen_yakim 2 жыл бұрын
Спасибо
@PS-tn6mc
@PS-tn6mc 3 жыл бұрын
умничка
@Shir-Na-Shir
@Shir-Na-Shir 2 жыл бұрын
👍
@IhorVasilchenko
@IhorVasilchenko 3 жыл бұрын
Добрый день а если нужно сделать так, что бы отдельный элемент скролился с другой скоростью, нужно получить его id и привязать к нему функцию function onScroll(event) с другими параметрами, зачем передаете параметр event, если его не используете в функции? depth - массив, количество элементов равняется количеству дочек в контейнере mountains Если мне нужно размещать элементы по вертикальной оси вдоль скрола Y, как мне добиться разной скорости движения элементов? ваша сцена довольно легка так как занимает один экран, а что если длинная страница в 3 экрана, как эту страницу адаптировать если все элементы будут прибиты абсолютами? На каждом разрешении менять значения top left/right? Или существует другое решение.
@webelart
@webelart 3 жыл бұрын
1. Да нужно получить элемент и какую-то функцию к нему привязать. Не уверена, что onScroll подойдёт, но что-то наподобие написать. 2. Обычно в функции передают по умолчанию такие вещи, даже если не используется. Чтобы потом если код меняешь, не добавлять. Но это всё по собственным желаниям, если вас это парит не пишите. Про остальное надо думать, я снимала видео ещё про параллакс kzfaq.info/get/bejne/e9mYf7Ob1bbclqc.html, там подробнее рассматриваются разные случаи.
@sviktoriia
@sviktoriia 2 жыл бұрын
а в какой проге делали?
@LukeryaPereprygova
@LukeryaPereprygova 3 жыл бұрын
сначала прочитал Пролапс
@webelart
@webelart 3 жыл бұрын
Божечки, это что-то из медицины? 😮 Не, тут вообще про другое, параллакс - это крутой эффект в программировании. 😜 Очень очень крутой!
@user-di4zt3br5m
@user-di4zt3br5m 3 жыл бұрын
+
Masonry галерея с ровным окончанием | HTML, CSS, JS
32:14
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 8 М.
#1. Разработка блога - Дизайн Системы, База Данных, Веб Дизайн
29:34
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 1,9 М.
UFC 287 : Перейра VS Адесанья 2
6:02
Setanta Sports UFC
Рет қаралды 486 М.
Почему Катар богатый? #shorts
0:45
Послезавтра
Рет қаралды 2 МЛН
GIANT Gummy Worm #shorts
0:42
Mr DegrEE
Рет қаралды 152 МЛН
She wanted to set me up #shorts by Tsuriki Show
0:56
Tsuriki Show
Рет қаралды 8 МЛН
Создаём drag & touch галерею на чистом JS, часть 1 | HTML, CSS, JS
30:42
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 10 М.
HTML5 canvas: изучаем основные свойства, рисуем графики | HTML, CSS, JS
21:23
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 16 М.
Transparent text on any background, HTML + CSS (React, TypeScript project)
19:15
Elena Litvinova — The Art of Web Development 🛸
Рет қаралды 3,9 М.
Верстаем прозрачный текст на любом фоне HTML, CSS, React, TypeScript, Vite
21:09
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 4,4 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 940 М.
Последствия блокировки YouTube
25:35
MobileReviewcom
Рет қаралды 25 М.
Налог на незнание JavaScript - [Hamster Kombat]
50:20
UFC 287 : Перейра VS Адесанья 2
6:02
Setanta Sports UFC
Рет қаралды 486 М.