Галерея изображений (фотографий или любых картинок) разные способы оформления на webflow. Урок №12

#webflow #вебфлоу Научу создавать простые и сложные галереи фотографий (любой графики включая видео), анимировать все это дело и сделать максимально понятным и удобным. Покажу массонри грид (было видео про это на канале, если нужно подробнее то посмотрите его, поиск на канале работает в видео показал как им пользоваться))) так же создадим не стандартную сетку для галереи, после чего анимируем. Вы будите знать как делать эффекты при наведении курсора мышки, что бы всплывал текст или любой другой контент, а так же прочие эффекты реакции на наведение мыши. Так же покажу как сделать, что бы при клике на фото оно увеличивалось или открывалось видео во всплывающем окне, как организовывать галлерею в этом модальном окошке и какие настройки там есть. ••••••••••••••••••••••••••••••• — Материалы с данного видео — Полезные штуки для webflow — Индивидуальное обучение ••••••••••••••••••••••••••••••• БЕСПЛАТНЫЕ курсы по webflow: 👉 • Базовый (для новичка) 👉 • Портфолио для фрилансера (уровень средний) 👉 • Портфолио для студии (уровень сложный) 👉 • Делаем сложный сайт (уровень профи) ••••••••••••••••••••••••••••••• Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас. ••••••••••••••••••••••••••••••• Моя почта — artstrangers@ Телеграм @artstranger ••••••••••••••••••••••••••••••• 👉 • Портфолио — 👉 • Инстаграм — 👉 • Бесплатные плюшки — 👉 • Материалы для уроков — 👉 • Индивидуальное обучение — ••••••••••••••••••••••••••••••• Таймкоды: 00:00 Старт 00:51 Рассматриваем инструменты вебфлоу, которые еще не изучены 12:35 Делаем основу для простой галереи 18:06 Галерея с вертикальными колонками 21:37 Нестандартные способы оформления 38:26 Добавляем элементы поверх изображений (описание и т.д.) 41:31 Анимируем элементы которые поверх картинок 45:15 Делаем галерею которая увеличивает картинки при клике 51:25 Делаем эффект при наведении мышки на фото (анимация иконки зума) 58:11 Создаем эффект заливки цветом при ховере 01:03:51 Проектируем полноценную анимацию наведения курсора 01:06:34 Выводы
Back to Top