ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Анимация по скроллу с фиксацией и эффектом параллакса на
ฝัง
- เผยแพร่เมื่อ 16 ส.ค. 2024
- Хэээй, привет- привет, с вами Карина!
В этом видео мы перенесём дизайн блока с фигма в тильду и подключим анимацию фиксации с эффектом параллакса. Интересно? Тогда погнали смотреть :)
Если есть вопросы или пожелания, жду их в комментариях или пиши лично в direct / karinasdreams
Таймкоды:
0:00 Intro
0:40 Готовим дизайн макет к импорту в тильда (лайфхаки по работе с кривыми)
6:05 Импорт с фигма в тильда
8:05 Анимация появления фоновой линии
11:22 Анимация фиксации текста
15:28 Фиксируем элементы с эффектом параллакса
19:25 Параллакс для кнопок
28:37 Заключение
Меня зовут Карина и я веб-дизайнер, создаю сайты на тильда.
Так же я наставник по заработку на сайтах. обучаю создавать продающие и современные сайты.
Обожаю делиться знаниями и опытом и поэтому снимаю видео для TH-cam и веду блог о дизайне в Instagram.
Блог о дизайне и фрилансе:
/ karinasdreams
Моё портфолио:
webdeskarina.t...
Для дизайнеров:
webdeskarina.t...
#tilda #zeroblock
Карина, у вас крутые анимации!! Восхищаюсь!!
Благодарю ❤️
Спасибо Карина! Как всегда СУПЕР.
Спасибо Сергей!☺️
Очень лайк!
Благодарю ;)
Что за шрифт?
Карина, спасибо за ролик! У меня возникли сложности. Мне нужно фон зафиксировать и чтобы в рамках одного блока двигались картинки с текстом 3 подряд, как у тебя закругленные шейпы. Но не получается по видео сделать так, как у тебя. Первая картинка стоит, остальные начинают двигаться и сползать на следующий блок. Что я делаю не так?(
Какой процент параллакса ты ставила?
100%, высота блока 700px. @@KarinasDreams
@@user-bl7pf4iu2w Если анимация параллакса стоит 100% значит элемент будет двигаться вместе со сколлом (то есть анимация не будет видна). Если хочешь чтобы элементы двигались быстрее чем скроллишь, тогда нужно ставить значение больше 100%, если хочешь чтобы элемент тормозил, то меньше
Привет. Почему многие создают 1440, а потом делают 1200 и копируют. Почему сразу не создать 1200?
Привет! Говорю за себя)) Во первых- я уже 3ий год в вебе и привыкла создавать дизайн именно в 1440 :D а во вторых в 1200 рх для меня мало пространства для творчества :)