Анимация картинки инструментами веб
4 USDЗдравствуйте, уважаемые фрилансеры!
Сам работаю фрилансером (я не посредник) и общаясь с заказчиком появилась одна интересная идея, которую я знаю как отрисовать, но не знаю как реализовать на этапе фронта — нужна помощь специалиста.
Задача заключается в том, чтобы сделать интерактивной картинку: поделить на квадраты (белые например) и при наведении/клике мышкой, чтобы они пропадали (становились прорачными). Антибот равно слово картина в начале ставки. Таким способом надо добиться чего-то похожего к зарисовке картины.
Возможно уже есть реализовано что-то похожее или есть мысли как сделать это максимально просто/быстро/эффективно — выслушаю любые предложения и мнения. Спасибо за внимание!
Спасибо всем кто откликнулся и даже сделал часть задания. Обсудил это с заказчиком. Воник вопрос. можно ли сделать что-то пореалистичнее и сложнее. Я не уверен можно ли такое реализовать, пиркрепляю два изображения-примера (после раскраски и до). Можно ли сделать так чтобы области разных параметров (ширины, длины и вообще разной формы) красились по клику/наведению и т.д.?
Applications 1
-
3 days21 USD
6220 198 0 3 days21 USD
картина
Готов приступить к работе.
Давайте обсудим детали.
Портфолио: http://riashentsev.com.ua/?flh=rate#portfolio
-
1 day9 USD
1846 105 0 2 1 day9 USD
Добрый день.
Это планируется на 1 картинке или в разных местах использоваться?
Если на квадратик написано 1 и на другом 5, их логика разная)?
Или просто все одинаково исчезают при наведении?
Жду фидбек. Спасибо.
-
1 day9 USD
1 day9 USD
Здравствуйте!
Ознакомился с Вашим заказом, пожалуйста, обращайтесь. Будет приятно сотрудничать с вами по данному проекту.
Отзывы:
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 days9 USD
171 5 days9 USD
Добрый день.
Имею опыт в HTML/CSS вестрке, примеры можете посмотреть в моем портфолио: Freelancehunt
На связи ежедневно с 12:00 до 00:00.
Заинтересовало ваше задание, готова приступить к работе уже сегодня. Все детали можем обсудить в ЛС.
-
3 days22 USD
240 3 days22 USD
Здравствуйте!
Меня зовут Сергей, занимаюсь Web-программированием с 2015 года. Готов выполнить ваш проект, есть опыт с такими задачами. Все вопросы можем обсудить в лс.
Freelancehunt
-
Пока что не решили до конца
-
можно заполнить блок span с z-index больше чем у изображения и при :hover уменьшать opacity они будут пропадать и возращатся назад
-
и в js повесить что при клики vizabl: hiden; opaciti: 0; и уже при клике они будут исчезать полностью
-
Если класс менять джеесом, быстрее работать будет. А на класс CSS анимацию повесить.
-
Пожалуйста формируйте несколько своих мыслей в одно сообщение. Спасибо.
Можно использовать что хотите, лишь бы оно хорошо работало 🙂 -
Добрый вечер Артур!
Опишите пожалуйста логику того что вы делайте! Это игра типа сапера или что?
-
Это интерактив, типо сапёра)), но желательно чтобы работали по наведению, а не клику.
-
Ну если при наведении, то только курсор попадет на любое поле, номер исчезнет. Просто двигая курсором по номерам очищаешь картинку?
Как то не логично. Наверное по клику...
-
Номер может исчезать вместе с исчезновением и блока?
Просто двигая курсором по номерам очищаешь картинку
Да 🙂
Наверное по клику...
Слишком много кликов надо будет сделать пользователю. Это интерактив, но не полноценная игра 🙂
-
Ну как вариант что-бы быстро было , создать общий блок в который закинуть картинку , а сверху набросать квадратов . И при наведении скрывать квадраты на которые попала мышь , ну и задать функцию что-бы через время(например 10сек) квадрат появлялся обратно .
-
Current freelance projects in the category HTML & CSS
Web design and developmentHello! For the current project, I am looking for two separate specialists: web designer (Figma) web developer (Frontend / WordPress) The project includes tasks such as: landing pages, online store, admin panels, WordPress site, as well as small tasks on React / Next.js and… HTML & CSS, Web Design ∙ 37 minutes back ∙ 27 proposals |
A modern website is needed for a stretch ceiling company in Poland.
635 USD
Need a modern premium design, mobile device adaptation, fast loading, SEO, animations, calculator, portfolio, application form. Experience in creating websites in Poland, landing pages for construction or renovation companies is preferred. Please be sure to send examples of your… HTML & CSS, Web Programming ∙ 1 hour 38 minutes back ∙ 77 proposals |
Looking for a Frontend Developer for an educational platformFrontend Developer https://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id==0-1&p=f&t=OJxQ9DF0zXBNnBJv-0 Hello! We are looking for a frontend developer to work on a modern music platform Muse. The project already has a ready design in Figma, a… HTML & CSS, Web Programming ∙ 3 hours 26 minutes back ∙ 61 proposals |
A Drupal developer is needed for edits on several websites.A Drupal developer is needed for edits on several websites. The site has bloated and filled up all the hosting.. HTML & CSS, Web Programming ∙ 7 hours 51 minutes back ∙ 28 proposals |
Optimization of WordPress site speed
113 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 22 hours 48 minutes back ∙ 58 proposals |
Drogobych