No video
Анимация карточки товара при наведении мыши | Практика HTML и CSS анимации для начинающих
Рет қаралды 9,683
Күн бұрын
@CodeQuestRu 3 жыл бұрын
0:00 - Вступление 0:25 - Подготовка проекта 0:59 - HTML разметка карточки товара 2:42 - Оформление карточки 3:25 - Центрирование элемента на Flexbox 3:54 - Стилизация элементов 6:01 - Задний фон 7:40 - Анимация при наведении 9:13 - Результат и подведение итогов
@romangoncharuk4455 Жыл бұрын
так исходники на патреоне или на бусте?
@CodeQuestRu Жыл бұрын
@@romangoncharuk4455 патреон заблокирован, все исходники на бусти
@niceman5890 Жыл бұрын
Прикольно, продолжай!
@user-ye7ko7oj1n 2 жыл бұрын
Спасибо, точу руки. Ещё один сниппет в копилочку )
@CodeQuestRu 2 жыл бұрын
Пользуйтесь на здоровье =)
@NIkFreedomForce 8 ай бұрын
Круто! Пасиба
@veniaminharabara8948 2 жыл бұрын
Ваааааау Супер
@vlad1len. Жыл бұрын
СПАСИБО ТЕБЕ БОЛЬШОЕ!!!
@abadondemon4817 11 ай бұрын
привет, не мог бы ты сделать видео. в котором расскажешь как сделать 3 таких карточки вряд? Если тебе не трудно, а то я голову сижу ломаю и пытаюсь это уже который раз сделать.
@Northfort 2 жыл бұрын
Прикольно. Лайк
@CodeQuestRu 2 жыл бұрын
Спасибо =)
@user-cl9yc1tw2i 3 жыл бұрын
Классно!
@CodeQuestRu 3 жыл бұрын
Спасибо =)
@danilkin1347 3 жыл бұрын
очень круто! спасибо,лайк.
@CodeQuestRu 3 жыл бұрын
Благодарю =)
@BrestSouth 2 жыл бұрын
Спасибо, очень интересно!
@CodeQuestRu 2 жыл бұрын
Значит не зря делал, спасибо =)
@thoughts-out-loud-about-life 3 жыл бұрын
Молодец 👍🏻
@CodeQuestRu 3 жыл бұрын
Спасибо =)
@dennymaverick5472 3 жыл бұрын
Спасибо, очень здорово! И полезно! Лайк❤️🙂
@CodeQuestRu 3 жыл бұрын
Спасибо за поддержку! Рад, что понравилось =)
@asco5012 2 жыл бұрын
А как сделать из неё слайдер ? жду ответ
@CodeQuestRu 2 жыл бұрын
Сделать слайдер с карточками или что имеется ввиду?
@gugman5649 2 жыл бұрын
У меня изображение получилось растянутое, не подскажете, какое у вас было разрешение у пнг наушников?
@PassintoEurope 3 жыл бұрын
Это конечно очень симпатично, но как оно будет работать на тачскрине смартфона или планшета?
@CodeQuestRu 3 жыл бұрын
Мы можем добавить анимацию только на десктопе, а на мобилках оставить статический вариант карточек. Благо медиавыражения позволяют легко это сделать =)
@Pushinka_and_Barcelona 2 жыл бұрын
Style css это надо всё переписать? Я не понимаю всё красным
@CodeQuestRu 2 жыл бұрын
Что вы имеете ввиду? =)
@Pushinka_and_Barcelona 2 жыл бұрын
@@CodeQuestRu Извините, но у меня уже всё получилось)
@user-jv2tk6qx5c 2 жыл бұрын
у меня у картинки есть белый фон что делать чтобы получился как у тебя ?
@CodeQuestRu 2 жыл бұрын
Нужно png изображение с прозрачным фоном
@romangoncharuk4455 Жыл бұрын
@@CodeQuestRu или SVG-изображение с прозрачным фоном
@semenskromnyi4898 3 жыл бұрын
Т.е., чтобы просто взглянуть на твою img, надо заплатить три доллара?
@CodeQuestRu 3 жыл бұрын
Можно и не платить, это дело добровольное. Я просто выкладываю там исходники ко всем видео, как дополнительную ценность для желающих поддержать проект финансово
@user-bi2fu8ow1r 2 жыл бұрын
У меня не получилось скинь пж код
@CodeQuestRu 2 жыл бұрын
Напишите в Сообщения в группе ВК
CodeQuest
Рет қаралды 6 М.
CodeQuest
Рет қаралды 24 М.
Online Tutorials
Рет қаралды 2 МЛН
Антон Анискович | Создание сайтов и маркетинг
Рет қаралды 14 М.