Верстка блоков с использованием Flexbox и анимация при наведении
679 UAHНеобходимо сверстать блок как на картинке с анимацией при наведении. Без мобильного телефона. Цветовая гамма любая.
В итоге должно получиться:
1. Верстка из 9 блоков с использованием Flexbox.
2. Обратите внимание на 4 и 3 блок. При маленьких разрешениях экрана блоки должны вытягиваться в строку по номерному порядку, а пустые блоки будут скрыты.
3. При наведении мышкой на пронумерованные блоки линия должна закраситься в другой цвет.
4. Линия должна закрашиваться по направлению от первого блока, до того блока на который навели мышку.
5. Если после наведения на 5-ый блок навели на 4-ый блок, то анимация не должна идти сначала, а от 5-ого до 4-ого блока, т.е. линия должна вернуться назад
6. Высота всех блоков может меняться в зависимости от содержимого
Приложения 1
Отзыв заказчика о сотрудничестве с Виктором Б.
Верстка блоков с использованием Flexbox и анимация при наведенииЗадача выполнена идеально! Работу принял без правок. Очень опытный и ответственный исполнитель.
-
Победившая ставка1 день679 UAH
1489 74 1 2 Победившая ставка1 день679 UAH
Добра, Сергей! Готов выполнить данную задачу.
Вот мои последние работы:
1. Вёрстка с нуля большого интернет-магазина ювелирных украшений и деревянных изделий братьев Кочут:
https://kochut.org/ru/
2. Украинский магазин с ювелирными украшениями. Вёрстка контента страницы "Коллекции"
https://minimal.com.ua/ua/jewelry-collection/skazhi-tak/
3. Сайт с ролетами, рафшторами, москитными сетками. Примечателен сложными анимациями
https://result.cf/rollosvit/page_home.html
…
Буду рад сотрудничать!
-
Где картинка?
-
Актуальные фриланс-проекты в категории Веб-программирование
Адаптивный дизайн портфолио сайта (wordap - сайт для продажи и покупки)Мне нужен чистый, современный сайт портфолио, который соответствует моему существующему бренд-гиду и прекрасно адаптируется к настольным компьютерам, планшетам и мобильным устройствам. Задача сайта проста: выделить мою работу с помощью эффектных фотографий, встроенных видео и… CMS, Веб-программирование ∙ 9 часов 22 минуты назад ∙ 24 ставки |
Перенос сайта с OpenCart на платформу ХорошопДобрый день. Есть сайт на OpenCart, интернет-магазин. Нужно перенести структуру сайта на платформу Хорошоп, подобрать дизайн для нового сайта и сделать его полноценно работающим. HTML и CSS верстка, Веб-программирование ∙ 13 часов 2 минуты назад ∙ 21 ставка |
Внесение правок на сайт (WP, Elementor)Добрый день. Нужно внести 2 правки на сайт: 1. Мейн меню "пляше" при наведении курсора, плюс на укр версии оно центрировано по вертикали (так и должно быть), а в ру - без центровки, сверху. Нужно отцентрировать ру как в укр 2. На главной странице есть блок "наши продукты", там… Веб-программирование ∙ 15 часов 38 минут назад ∙ 59 ставок |
Необхідно модернизувати для зручності адмінку в Open CartТехническое задание по настройке/доработке OpenCart 1. Каталог → Товары Задача 1. Добавить колонку «Категория» в список товаров Задача 2. Добавить колонку «Артикул» в список товаров Задача 3. Добавить колонку «Дата и время создания товара» Задача 4. Быстрое редактирование… Веб-программирование ∙ 15 часов 55 минут назад ∙ 46 ставок |
Доработка каталога для сайтаДля сайта каталога нужно сделать доработки: (работу можно разбить на єтапи чи взяти по кваліфікаціі частину) 1. в админке возможность заливать SQL файлы для обновления цен (в архиве он price_balluff_2026_for_site.sql). (сейчас они залиты программистом, нужно на будущее, что б… AI обработка текстов, Веб-программирование ∙ 16 часов 3 минуты назад ∙ 28 ставок |