Анимация картинки инструментами веб
200 UAHЗдравствуйте, уважаемые фрилансеры!
Сам работаю фрилансером (я не посредник) и общаясь с заказчиком появилась одна интересная идея, которую я знаю как отрисовать, но не знаю как реализовать на этапе фронта — нужна помощь специалиста.
Задача заключается в том, чтобы сделать интерактивной картинку: поделить на квадраты (белые например) и при наведении/клике мышкой, чтобы они пропадали (становились прорачными). Антибот равно слово картина в начале ставки. Таким способом надо добиться чего-то похожего к зарисовке картины.
Возможно уже есть реализовано что-то похожее или есть мысли как сделать это максимально просто/быстро/эффективно — выслушаю любые предложения и мнения. Спасибо за внимание!
Спасибо всем кто откликнулся и даже сделал часть задания. Обсудил это с заказчиком. Воник вопрос. можно ли сделать что-то пореалистичнее и сложнее. Я не уверен можно ли такое реализовать, пиркрепляю два изображения-примера (после раскраски и до). Можно ли сделать так чтобы области разных параметров (ширины, длины и вообще разной формы) красились по клику/наведению и т.д.?
Приложения 1
-
3 дня950 UAH
6237 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 верстка
365 bet
1500 UAH
1. Цель проекта Разработать веб-интерфейс демонстрационной платформы Betano спортивных ставок с: публичным экраном купона ставки; отображением одиночной и тройной ставки; админ-панелью для редактирования контента; возможностью быстро менять коэффициенты, события, статус и суммы;… HTML и CSS верстка, PHP ∙ 1 час 47 минут назад ∙ 18 ставок |
Верстка та посадка на WordPress сайту будівельної компанії (Premium-сегмент) з акцентом на SEOОписание проекта: Ищем опытного WordPress-разработчика для верстки и посадки готового дизайн-макета из Figma на CMS WordPress. Важный контекст проекта: Это не разработка сайта с нуля. Компания имеет действующий сайт, мы обновляем структуру и дизайн. Нам необходимо реализовать… HTML и CSS верстка, Веб-программирование ∙ 3 часа 48 минут назад ∙ 40 ставок |
Перенос сайта с OpenCart на платформу ХорошопДобрый день. Есть сайт на OpenCart, интернет-магазин. Нужно перенести структуру сайта на платформу Хорошоп, подобрать дизайн для нового сайта и сделать его полноценно работающим. HTML и CSS верстка, Веб-программирование ∙ 1 день назад ∙ 27 ставок |
Нужен сильный специалист по WordPress / WooCommerce для доработки сайта MARSPROИщем ответственного фрилансера или небольшую команду для качественного завершения и технической доработки сайта компании MARSPRO. Сайт уже работает, но после предыдущего разработчика осталось много мелких и важных технических проблем. Нам нужен человек, который сможет не просто… CMS, HTML и CSS верстка ∙ 2 дня назад ∙ 44 ставки |
Sandra Ice Cream - Kaleidoscop
4132 UAH
У нас есть небольшой проект, и мы хотели бы узнать, сможете ли Вы подготовить для нас видеоролик для LED-экрана. Видео будет использоваться на нашем мероприятии. Мы предоставим все необходимые материалы: дизайн, брендбук, размеры и технические требования. Пожалуйста, сообщите,… HTML и CSS верстка ∙ 2 дня 2 часа назад ∙ 7 ставок |
Дрогобыч