Галерея изображений (фотографий или любых картинок) разные способы оформления на 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 Выводы
2 views
270
58
2 months ago 00:14:34 1
МУЗ . | СЕЗОН 2 | #4 ФОТОГРАФ
2 months ago 00:17:46 1
«Музеемания». Музей Владимира Высоцкого
2 months ago 00:02:07 1
Международный день художника
2 months ago 00:03:50 1
Пообещайте мне любовь Елена Максимова и Евгений Кунгуров сл Вознесенский муз Е Крылатов Ав НРудакова
2 months ago 00:07:33 3
MSC EURIBIA - Ship Visit
2 months ago 00:11:40 1
Галерея изображений используя HTML, CSS & JavaScript шаг за шагом || Pop-Up Image Gallery CSS & JS
2 months ago 00:07:08 1
В Музее часов показывают Малевича, Ван Гога и Монэ, но есть нюанс | ТОП-10 часов: РАКЕТА, УЧЗ, MORZO
2 months ago 00:03:38 1
Забыть или простить Марина Селиванова и Александр ШАТО Автор сл и муз А ШАТО Ав вид Н Рудакова
2 months ago 00:02:58 1
Успеть ВСЁ: Топ-локации Будапешта за один день — маршрут, который работает! #shorts
2 months ago 00:03:41 1
Нарисовать мечту (муз. и сл. Олег Газманов) // поют Виктория Полинская и Мария Ахлибинская //
2 months ago 00:10:34 1
Создание уникального блока в Zero Block
2 months ago 00:04:39 1
Шедевры русской живописи. Утопленница.
2 months ago 00:33:11 1
ПОДГЛЯДЫВАТЬ ЗА ЖИЗНЬЮ: почему нам интересны чужие фото?