Анимировать стрелки и появление блоков при скролле.
1400 UAH
Есть дизайн сайта в Figma, в котором есть такой интересный блок высотой примерно в 2.5-3 экрана. Через весь блок проходят большие две стрелки, которые должны анимировано "прорисовываться" при скролле. Появление блоков можно анимировать через простую библиотеку aos.
Адаптация на ваше усмотрение, но нужно также сделать интересно.
С такими анимациями я еще не сталкивался, поэтому буду рад услышать варианты вашей реализации в ставке.
Отзыв заказчика о сотрудничестве с Олександром К.
Анимировать стрелки и появление блоков при скролле.Отличный специалист, конструктивный и четкий в коммуникации. Задачу выполнил вовремя и качественно.
Отзыв фрилансера о сотрудничестве с Михайло Нагорняком
Анимировать стрелки и появление блоков при скролле.Понятные задачи, приятное общение. Буду рад дальнейшему сотрудничеству.
-
1 день700 UAH
1 день700 UAH
Добрый день, готов помочь с анимацией стрелок, если они в формате svg, это не сложно сделать.
-
1 день2500 UAH
717 21 2 1 1 день2500 UAH
Привет! Интересная задача. Но хотелось бы более подробно ознакомиться с макетом и вот этим всем..
-
Победившая ставка1 день1400 UAH
1472 15 0 Победившая ставка1 день1400 UAH
По анимации по сути один "правильный" вариант, чтобы выглядело эффектно. Но, нужно ознакомиться с макетом, как этот блок промальован, плюс в идеале дизайнер должен был сделать адаптивную версию, потому что без перемалевки стрелок адаптив не будет адаптивом, просто уменьшенная версия. AOS нет смысла тянуть для отдельной анимации блоков, все в 1.
Также необходимы уточнения, что уже сверстано, что именно нужно, как, на чем и т.д.
700грн. - малая предложение.
-
1 день700 UAH
262 2 0 1 день700 UAH
Вам нужна верстка страницы?
Или только стрелка?
Если верстка готова, могу написать стрелку как модуль.
Вариантов много. Но не до конца понятно, что значит "промальовываться". Они должны двигаться? Заливаться цветом? Или просто стрелка должна появляться (самый простой вариант)? Или эта метка должна двигаться по стрелке?
-
1 день700 UAH
298 1 день700 UAH
Добрый день, могу попробовать помочь, с адаптацией будет трудновато, так как тут надо подумать, в общем пишите в лс
-
1 день700 UAH
4926 88 0 1 день700 UAH
Добрый день, Михаил
Готов сделать анимацию
Нужно только один блок сверстать?
Пишите в ЛС, обсудим детали
-
Лінк можна для ознайомлення зі структурою?
-
Прикріпив лінк на Figma
-
Стрілки через SVG ? Їх можна анімувати через svg path
-
якщо там path) і якщо там SVG, а не канвас, який здається почали тикать куди треба і не треба)
Але таке враження що наче лише я не розумію ТЗ) -
То треба щоб замовник одразу лінк макету прикріпляв, буде зрозуміліше)
-
Прикріпив
-
Прикріпив лінк на Figma
-
Вибачте за довгу відповідь, прикладаю figma цього блоку, мені по суті потрібна тільки анімація цих стрілок, решту я зможу зверстати сам.
Збоку зображена приблизна мобільна версія (вона буде простою)
https://www.figma.com/design/pj3TeZ2CGuhXoHmas6woNY/Arrows?node-id=1-4&t=3RDQNf0WxCZiAb0P-1 -
Актуальные фриланс-проекты в категории HTML и CSS верстка
Веб-дизайн и разработкаПривет! Для текущего проекта ищу двух отдельных специалистов: веб-дизайнера (Figma) веб-разработчика (Frontend / WordPress) Проект включает задачи по типу: лендинги, интернет-магазин, админ-панели, сайт на WordPress, а также при необходимости небольшие задачи на React /… HTML и CSS верстка, Дизайн сайтов ∙ 2 дня 17 часов назад ∙ 107 ставок |
Нужен разработчик Drupal для правок на нескольких сайтах.Нужен разработчик Drupal для правок на нескольких сайтах. Сайт раздувается и заполняет весь хостинг .. HTML и CSS верстка, Веб-программирование ∙ 3 дня назад ∙ 37 ставок |
Оптимизация скорости сайта WordPress
5092 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 3 дня 15 часов назад ∙ 67 ставок |
Сверстать сайт и подвязать его к shopifyсверстать сайт и подвязать его к shopify на макете основная страница страницы товаров не будет, будет модальное окно с выбором объема баночки крема и его количества после окно доставки и оплаты заказ должен уходить в shopify с полной информацией о заказе… HTML и CSS верстка, Веб-программирование ∙ 3 дня 18 часов назад ∙ 77 ставок |
Оптимизация сайта
Оптимазация сайта jdgreta.co.uk на Shopify. Сео аудит приложен к проекту. Основные задачи - - Поправить все мета данные - Выполнить ТЗ для программиста (тк в этом проекте совмещены задачи для программиста и СЕО, если вы не компания - можете использовать помощь) - Поправить… HTML и CSS верстка, PHP ∙ 4 дня 19 часов назад ∙ 33 ставки |
Ивано-Франковск