Анимировать SVG в CSS
500 UAHНужно анимировать свгшку, чтобы анимация была в формате draw, вот как здесь примерно:
https://css-tricks.com/svg-line-animation-works/#aa-live-example
Т.е. при загрузке страницы у нас происходит отрисовка черной полоски, а потом проявляется желтый кружок, как черная полоска дорисовалась:
https://take.ms/zeS5u
Саму свгшку приатачил
можно как на джаваскрипте написать, так и на цсс. Если используете джаваскрипт - только ванилла, без джейквери итд.
Нужно на сегодня до вечера))
UDP: Залил свг сюда: https://dropmefiles.com.ua/ua/UxGz5Q
Результаты работы
Отзыв заказчика о сотрудничестве с Денисом Сопко
Анимировать SVG в CSSВсе супер пупер! Исполнитель максимально ответственно и профессионально отнесся к работе, сделал все максимально быстро и в хорошем виде! Спасибо большое, буду обязательно обращаться еще 🙂
Отзыв фрилансера о сотрудничестве с Антоном Шевченко
Анимировать SVG в CSSБлагодарю за заказ, был рад с вами работать)
-
1 день500 UAH
4715 76 0 1 день500 UAH
Добрый день, заинтересовал ваш проект, готов выполнить анимацию
-
Победившая ставка1 день500 UAH
240 3 0 Победившая ставка1 день500 UAH
Добрый день) Готов взяться за выполнение, к вечеру все будет готово. Опыт в верстке более 2х лет, работы можно посмотреть в портфолио)
-
1 день500 UAH
806 25 0 1 день500 UAH
Добрый день.
Могу сделать с помощью цсс до вечера. Буду рада помочь)
-
1 день500 UAH
551 33 0 1 день500 UAH
Добрый день, можете сбросить в ЛС. Могу сейчас посмотреть и постараюсь быстро сделать
-
День добрый!
Чтобы сделать то что Вы хотите , нужен немного другой формат в создании вектора вашей svg . У вас черная линия сделана двумя линиями , а нужна одна .
https://prnt.sc/hedakLdYozYj
Это можно проверить задав stroke-width нужному вектору -
здравствуйте! Да, видел, но может есть возможность сделать это с помощью одной линии)
-
Спасибо!
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Перенос сайта на Shopify
1123 UAH
Нужно перенести текущий сайт jdfurniture.uk с OpenCart на платформу Shopify. Сейчас сайт на OpenCart в целом нас устраивает по структуре и логике работы. Основная причина переноса — проблемы с платежными системами. На Shopify таких проблем быть не должно. Также для нас важно,… HTML и CSS верстка, Веб-программирование ∙ 12 часов 37 минут назад ∙ 20 ставок |
Перенос дизайна на WordPress
2000 UAH
Добрый день! Необходимо перенести готовый дизайн одностраничного лендинга на WordPress. Макет полностью готов (Figma), дизайн разрабатывать не нужно. Необходимо качественно сверстать страницу, адаптировать под мобильные устройства и настроить её на WordPress. Пожалуйста, в… HTML и CSS верстка ∙ 18 часов 23 минуты назад ∙ 87 ставок |
Вывести посты из Инстаграма на сайт (опенкарт)
700 UAH
Здравствуйте. Нужно настроить функционал, чтобы на сайте (OpenCart) отображался блок с постами Instagram. Отзовитесь, кто делал и знает как ) Спасибо ) По стоимости договоримся, не знаю, сколько это стоит. HTML и CSS верстка, Веб-программирование ∙ 22 часа 35 секунд назад ∙ 45 ставок |
Лендинг для школы английского
13 500 UAH
Ищем дизайнера + верстальщика лендинга (Wix / WordPress / Weblium) Привет! Ищем исполнителя на дизайн и верстку лендинга курса английского языка. Что нужно: — дизайн и верстка лендинга на 12 блоков; — две страницы оплаты: успешная / неуспешная; — адаптив под мобильные; —… HTML и CSS верстка, Дизайн интерфейсов (UI/UX) ∙ 1 день назад ∙ 116 ставок |
Адаптивная вёрстка сайта с анимациейНужно сверстать сайт по готовому дизайну из Figma. Админка сайта - Laravel - viar-art.pl Сайт должен быть современным, адаптивным, быстрым и удобным для пользователя. Вёрстка должна точно соответствовать макету, корректно отображаться на мобильных устройствах, планшетах и… HTML и CSS верстка, Создание сайта под ключ ∙ 1 день 12 часов назад ∙ 93 ставки |
Киев