Анимация картинки инструментами веб
200 UAHЗдравствуйте, уважаемые фрилансеры!
Сам работаю фрилансером (я не посредник) и общаясь с заказчиком появилась одна интересная идея, которую я знаю как отрисовать, но не знаю как реализовать на этапе фронта — нужна помощь специалиста.
Задача заключается в том, чтобы сделать интерактивной картинку: поделить на квадраты (белые например) и при наведении/клике мышкой, чтобы они пропадали (становились прорачными). Антибот равно слово картина в начале ставки. Таким способом надо добиться чего-то похожего к зарисовке картины.
Возможно уже есть реализовано что-то похожее или есть мысли как сделать это максимально просто/быстро/эффективно — выслушаю любые предложения и мнения. Спасибо за внимание!
Спасибо всем кто откликнулся и даже сделал часть задания. Обсудил это с заказчиком. Воник вопрос. можно ли сделать что-то пореалистичнее и сложнее. Я не уверен можно ли такое реализовать, пиркрепляю два изображения-примера (после раскраски и до). Можно ли сделать так чтобы области разных параметров (ширины, длины и вообще разной формы) красились по клику/наведению и т.д.?
Додатки 1
-
3 дні950 UAH
6220 198 0 3 дні950 UAH
картина
Готов приступить к работе.
Давайте обсудим детали.
Портфолио: http://riashentsev.com.ua/?flh=rate#portfolio
-
1 день400 UAH
1846 105 0 2 1 день400 UAH
Добрый день.
Это планируется на 1 картинке или в разных местах использоваться?
Если на квадратик написано 1 и на другом 5, их логика разная)?
Или просто все одинаково исчезают при наведении?
Жду фидбек. Спасибо.
-
1 день400 UAH
1 день400 UAH
Здравствуйте!
Ознакомился с Вашим заказом, пожалуйста, обращайтесь. Будет приятно сотрудничать с вами по данному проекту.
Отзывы:
Freelancehunt
http://basiahamilton.com
https://www.infomatrixpr.com
… https://aliveyogato.com
https://davidrcustin.com
http://www.pmcperformancehorses.com
http://sowahouse.ru
https://christinacosmetics.com.ua/
https://amazingwindowfashions.com/
http://skinappeal.org/
-
5 днів400 UAH
171 5 днів400 UAH
Добрый день.
Имею опыт в HTML/CSS вестрке, примеры можете посмотреть в моем портфолио: Freelancehunt
На связи ежедневно с 12:00 до 00:00.
Заинтересовало ваше задание, готова приступить к работе уже сегодня. Все детали можем обсудить в ЛС.
-
3 дні1000 UAH
240 3 дні1000 UAH
Здравствуйте!
Меня зовут Сергей, занимаюсь Web-программированием с 2015 года. Готов выполнить ваш проект, есть опыт с такими задачами. Все вопросы можем обсудить в лс.
Freelancehunt
-
Пока что не решили до конца
-
можно заполнить блок span с z-index больше чем у изображения и при :hover уменьшать opacity они будут пропадать и возращатся назад
-
и в js повесить что при клики vizabl: hiden; opaciti: 0; и уже при клике они будут исчезать полностью
-
Если класс менять джеесом, быстрее работать будет. А на класс CSS анимацию повесить.
-
Пожалуйста формируйте несколько своих мыслей в одно сообщение. Спасибо.
Можно использовать что хотите, лишь бы оно хорошо работало 🙂 -
Добрый вечер Артур!
Опишите пожалуйста логику того что вы делайте! Это игра типа сапера или что?
-
Это интерактив, типо сапёра)), но желательно чтобы работали по наведению, а не клику.
-
Ну если при наведении, то только курсор попадет на любое поле, номер исчезнет. Просто двигая курсором по номерам очищаешь картинку?
Как то не логично. Наверное по клику...
-
Номер может исчезать вместе с исчезновением и блока?
Просто двигая курсором по номерам очищаешь картинку
Да 🙂
Наверное по клику...
Слишком много кликов надо будет сделать пользователю. Это интерактив, но не полноценная игра 🙂
-
Ну как вариант что-бы быстро было , создать общий блок в который закинуть картинку , а сверху набросать квадратов . И при наведении скрывать квадраты на которые попала мышь , ну и задать функцию что-бы через время(например 10сек) квадрат появлялся обратно .
-
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Веб-дизайн та розробкаПривіт! Для поточного проекту шукаю двох окремих спеціалістів: веб-дизайнера (Figma) веб-розробника (Frontend / WordPress) Проект включає завдання типу: лендинги, інтернет-магазин, адмін-панелі, сайт на WordPress, а також за необхідності невеликі завдання на React / Next.js та… HTML та CSS верстання, Дизайн сайтів ∙ 7 годин 2 хвилини тому ∙ 68 ставок |
Потрібно зробити сучасний сайт для компанії натяжних стель У Польщі
28 485 UAH
Потрібен сучасний преміальний дизайн, адаптація під мобільні пристрої, швидке завантаження, SEO, анімації, калькулятор, портфоліо, форма заявки. Бажано досвід створення сайтів в Польщі,лендінгів для будівельних або ремонтних компаній. Обов’язково надішліть приклади своїх робіт. HTML та CSS верстання, Веб-програмування ∙ 8 годин 3 хвилини тому ∙ 114 ставок |
Шукаємо Фронтенд розробника для навчальної платформиFrontend-розробник https://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id=0-1&p=f&t=OJxQ9DF0zXBNnBJv-0 Привіт! Шукаємо frontend-розробника для роботи над сучасною музичною платформою Muse. Проєкт уже має готовий дизайн у Figma, працюючий backend на Laravel та… HTML та CSS верстання, Веб-програмування ∙ 9 годин 51 хвилина тому ∙ 78 ставок |
Потрібний розробник Друпал Dupal для правок на кількох сайтах.Потрібний розробник Друпал Dupal для правок на кількох сайтах. Сайт розбух і заповнив весь хостинг .. HTML та CSS верстання, Веб-програмування ∙ 14 годин 16 хвилин тому ∙ 33 ставки |
Оптимізація швидкості сайту WordPress
5088 UAH
повні деталі надішлемо в особисті повідомлення Мета Максимально прискорити завантаження сайту, особливо на мобільних пристроях. KPI (обов'язково) Після завершення робіт необхідно досягти наступних показників. Mobile Performance 90+ LCP менше 2.2 сек INP менше 200 мс CLS менше… HTML та CSS верстання, Javascript та Typescript ∙ 1 день 5 годин тому ∙ 62 ставки |
Дрогобич