Анимация картинки инструментами веб
17 PLNЗдравствуйте, уважаемые фрилансеры!
Сам работаю фрилансером (я не посредник) и общаясь с заказчиком появилась одна интересная идея, которую я знаю как отрисовать, но не знаю как реализовать на этапе фронта — нужна помощь специалиста.
Задача заключается в том, чтобы сделать интерактивной картинку: поделить на квадраты (белые например) и при наведении/клике мышкой, чтобы они пропадали (становились прорачными). Антибот равно слово картина в начале ставки. Таким способом надо добиться чего-то похожего к зарисовке картины.
Возможно уже есть реализовано что-то похожее или есть мысли как сделать это максимально просто/быстро/эффективно — выслушаю любые предложения и мнения. Спасибо за внимание!
Спасибо всем кто откликнулся и даже сделал часть задания. Обсудил это с заказчиком. Воник вопрос. можно ли сделать что-то пореалистичнее и сложнее. Я не уверен можно ли такое реализовать, пиркрепляю два изображения-примера (после раскраски и до). Можно ли сделать так чтобы области разных параметров (ширины, длины и вообще разной формы) красились по клику/наведению и т.д.?
Załączniki 1
-
3 dni79 PLN
6237 198 0 3 dni79 PLN
картина
Готов приступить к работе.
Давайте обсудим детали.
Портфолио: http://riashentsev.com.ua/?flh=rate#portfolio
-
1 dzień33 PLN
1846 105 0 2 1 dzień33 PLN
Добрый день.
Это планируется на 1 картинке или в разных местах использоваться?
Если на квадратик написано 1 и на другом 5, их логика разная)?
Или просто все одинаково исчезают при наведении?
Жду фидбек. Спасибо.
-
1 dzień33 PLN
1 dzień33 PLN
Здравствуйте!
Ознакомился с Вашим заказом, пожалуйста, обращайтесь. Будет приятно сотрудничать с вами по данному проекту.
Отзывы:
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 dni33 PLN
171 5 dni33 PLN
Добрый день.
Имею опыт в HTML/CSS вестрке, примеры можете посмотреть в моем портфолио: Freelancehunt
На связи ежедневно с 12:00 до 00:00.
Заинтересовало ваше задание, готова приступить к работе уже сегодня. Все детали можем обсудить в ЛС.
-
3 dni83 PLN
240 3 dni83 PLN
Здравствуйте!
Меня зовут Сергей, занимаюсь Web-программированием с 2015 года. Готов выполнить ваш проект, есть опыт с такими задачами. Все вопросы можем обсудить в лс.
Freelancehunt
-
Пока что не решили до конца
-
можно заполнить блок span с z-index больше чем у изображения и при :hover уменьшать opacity они будут пропадать и возращатся назад
-
и в js повесить что при клики vizabl: hiden; opaciti: 0; и уже при клике они будут исчезать полностью
-
Если класс менять джеесом, быстрее работать будет. А на класс CSS анимацию повесить.
-
Пожалуйста формируйте несколько своих мыслей в одно сообщение. Спасибо.
Можно использовать что хотите, лишь бы оно хорошо работало 🙂 -
Добрый вечер Артур!
Опишите пожалуйста логику того что вы делайте! Это игра типа сапера или что?
-
Это интерактив, типо сапёра)), но желательно чтобы работали по наведению, а не клику.
-
Ну если при наведении, то только курсор попадет на любое поле, номер исчезнет. Просто двигая курсором по номерам очищаешь картинку?
Как то не логично. Наверное по клику...
-
Номер может исчезать вместе с исчезновением и блока?
Просто двигая курсором по номерам очищаешь картинку
Да 🙂
Наверное по клику...
Слишком много кликов надо будет сделать пользователю. Это интерактив, но не полноценная игра 🙂
-
Ну как вариант что-бы быстро было , создать общий блок в который закинуть картинку , а сверху набросать квадратов . И при наведении скрывать квадраты на которые попала мышь , ну и задать функцию что-бы через время(например 10сек) квадрат появлялся обратно .
-
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Artykuł w wikipedii
150 PLN
Profesjonalny Artykuł w wikipedii dotyczący artysty fotografika, opisu jego nagród i wyróżnień oraz pozo Układ HTML i CSS ∙ 10 godzin 1 sekunda temu ∙ 7 ofert |
Webflow deweloper do wypełnienia stron portfolio na stronieStrona została stworzona na zamówienie w Webflow dla firmy budowlanej, trzeba szybko wypełnić strony projektów według jednego szablonu (zamienić zdjęcia i teksty) Dla 2 języków Liczba - 6 sztuk Jesteśmy gotowi zacząć jak najszybciej, dziękuję! Układ HTML i CSS, Programowanie stron internetowych ∙ 1 dzień 13 godzin temu ∙ 40 ofert |
Wykonanie i wdrożenie strony internetowej firmy budowlanej (segment premium) na WordPressie z naciskiem na SEOOpis projektu: Szukamy doświadczonego dewelopera WordPress do wdrożenia i osadzenia gotowego projektu graficznego z Figma na CMS WordPress. Ważny kontekst projektu: To nie jest rozwój strony od podstaw. Firma ma działającą stronę, aktualizujemy strukturę i design. Musimy… Układ HTML i CSS, Programowanie stron internetowych ∙ 1 dzień 18 godzin temu ∙ 67 ofert |
Przeniesienie strony z OpenCart na platformę KhoroshopDzień dobry. Jest strona na OpenCart, sklep internetowy. Należy przenieść strukturę strony na platformę GoodShop, dobrać design dla nowej strony i uczynić ją w pełni funkcjonalną. Układ HTML i CSS, Programowanie stron internetowych ∙ 2 dni 14 godzin temu ∙ 35 ofert |
Potrzebny silny specjalista WordPress / WooCommerce do dopracowania strony MARSPROPoszukujemy odpowiedzialnego freelancera lub małego zespołu do jakościowego zakończenia i technicznego dopracowania strony internetowej firmy MARSPRO. Strona już działa, ale po poprzednim deweloperze pozostało wiele drobnych i ważnych problemów technicznych. Potrzebujemy osoby,… Content Management Systems, Układ HTML i CSS ∙ 3 dni 15 godzin temu ∙ 44 oferty |
Drohobycza