Анимация карточки товара при наведении мыши | Практика HTML и CSS анимации для начинающих
Cегодня я покажу вам, как сделать крутую анимированную карточку товара на чистом HTML и CSS.
0:00 - Вступление
0:25 - Подготовка проекта
0:59 - HTML разметка карточки товара
2:42 - Оформление карточки
3:25 - Центрирование элемента на Flexbox
3:54 - Стилизация элементов
6:01 - Задний фон
7:40 - Анимация при наведении
9:13 - Результат и подведение итогов
Все исходники к урокам вы можете найти на моей странице на Патреоне, где я планирую выкладывать различные полезные материалы к видео и свои наработки:
Если тебе интересна данная тематика, подпишись на канал!
Для меня это также станет дополнительным стимулом продолжать свою работу.
Также жду вас на моем сайте
Здесь вы найдете подробные интерактивные курсы по веб-разработке.
Следите за мной и моими проектами в социальных сетях:
—
—
—
Надеюсь на вашу подде
138 views
145
25
1 month ago 00:00:00 1
Far Cry 3.Райский остров. Задания Херка зачистка карты и захват аванпостов. Прогресс:85/100 Cерия 14
1 month ago 00:02:33 4
13 ПРЕДАТЕЛЕЙ остальные здохли || Переозвучка 13 Карт
1 month ago 00:03:15 7
ДОМ 13 || Переозвучка 13 Карт
1 month ago 00:06:03 9
13 Квадроберов || Переозвучка 13 карт
1 month ago 00:00:00 1
Far Cry 3.Райский остров. Трехпалубник. Зачистка карты и захват аванпостов. Прогресс:75/100 Cерия 12
1 month ago 00:00:00 3
13 Карт — Клоны играют в группе | 6 серия | Реакция
2 months ago 00:00:13 1
Токсичный дождь
2 months ago 00:00:08 1
Вот и первый снег. Покров
2 months ago 00:19:19 3
Реакция на 13 Карт — Клоны играют в группе | #6 серия