ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Анимация карточек товара по скроллу | Анимация кнопки по hover на
ฝัง
- เผยแพร่เมื่อ 16 ส.ค. 2024
- Хэээй, привет- привет! Я подготовила для вас 5 необычных решений для интернет-магазина о которых расскажу в 5 последующих видео.
Сегодня мы разберём как создать первый экран со скроллом карточек товара и как создать анимацию при наведении для кнопки. Интересно? Тогда погнали смотреть видео)
Навигация:
0:00 Приветствие
0:34 Что будет в этом видео
0:53 Создаем страницу в тильда и zero блок
1:31 Создаем кнопку в figma и добавляем в тильда
6:06 Применяем анимацию для кнопки
8:31 Применяем анимацию по скроллу для товаров
11:55 Заключение
Если есть вопросы или пожелания, жду их в комментариях или пиши в direct / karinasdreams
Меня зовут Карина и я веб-дизайнер, создаю сайты на #Тильда . Я обожаю делиться знаниями и опытом и поэтому снимаю видео для TH-cam и веду блог о дизайне в Instagram.
Блог о дизайне и фрилансе:
/ karinasdreams
Моё портфолио:
webdeskarina.t...
#tilda #zeroblock , анимация тильда, анимация tilda, зероблок тильда, figma
Здравствуйте! Видео супер❤ скажите плиз, как у вас сделан единый фон с градиентом для двух блоков?
Привет! У меня стоит у блоков значение overflow - visible
Здравствуйте Карина, спасибо, все очень подробно и ясно рассказано и показано!
Можно также подробный урок про личный кабинет в шапке данного сайта?
На этом сайте, иконка личного кабинета играет только визуальную часть. Функции личного кабинета в тильда, пока немного ограничены и не подходят для интернет магазина, но будет надеяться что когда нибудь, мы сможем создавать личные кабинеты с накоплением баллов итд.