Задача:
1. В круге с диаметром 560px находится 3 сектора по 120 градусов каждый. (см. скриншот)
- должна быть возможность в каждый сектор вставить (изменить) изображение.
2. При наведении на сектор или на указатель сектора, сектор должен увеличиваться и выходить за границы круга. (см. скриншот)
3. При клике на сектор или указатель сектора, круг должен смещаться:
– клик по левому сектору приводит к смещению круга в правое крайнее положение и слева должен появиться блок с контентом; (см. скриншот)
– клик по правому сектору приводит к смещению круга в левое крайнее положение и справа должен появится блок с контентом;
– клик по нижнему сектору приводит к смещению круга в верхнее крайнее положение и внизу должен появиться блок с контентом;
4. При закрытии блока с контентом (клик на "крестик" блока) круг должен возвратиться в первоначальное состояние.
5. В крайнем левом (правом или нижнем) положении активный сектор должен быть выделен, неактивные сектора затемнены. (см. скриншот)
6. При клике на неактивный сектор в крайнем левом (правом или нижнем) положении круг должен сместиться через центр в конечное положение выбранного сектора.
6.1. Пример:
– выбран правый сектор -> круг находится в крайнем левом положении;
– кликаем на левый сектор -> круг через центр смещается в крайнее правое положение;
6.2. Пример:
– выбран правый сектор -> круг находится в крайнем левом положении;
– кликаем на нижний сектор -> круг через цент смещается в крайнее верхнее положение;
Нужен тот, кто готов сделать такую анимацию на СSS.
Озвучивайте сроки и стоимость.
Задача: Разработать (сверстать и запрограммировать) новый многостраничный сайт вместо уже имеющегося сайта в виде landing page. Дизайн, графические элементы дизайна не меняются. Необходимо расширить имеющийся сайт до каталога товаров с возможностью заказа, с корзиной ...
Требуется сверстать личный кабинет по готовому дизайну, наложить верстку на уже написанный и размещенный на хостинге личный кабинет. Либо изменить дизайн готового личного кабинета. Личный кабинет http://fleet-cards.ru/tcabinet/ Дизайн в приложении ...
Работа не особо сложная. Детали и все остальное обсудим уже лично. Чем дешевле,тем лучше.
Добрый день. Надо адаптивно сверстать и натянуть на вордпресс этот лендинг https://yadi.sk/i/UjCxjqGq3BCV2F ТЗ 1. Адаптив по сетке бутсрап, так макет нарисован 2. Все блоки дожны редактироватся с админки. ...
Нужно сверстать небольшое адаптивное HTML-письмо, которое корректно отображалось бы как минимум в gmail, mail и outlook. Шаблон в соответствии с требованиями https://support.unisender.com/index.php?/Knowledgebase/Article/View/5/0/trebovaniya-k-maketam-i-verstke-html-pisem
Под планшеты/смартфоны. Простой дизайн. Сайт для оценки скину.
Требуется сделать адаптивный шаблон для сайта на битрикс. Шаблона два, для главных страницы и для внутренних страниц. тема шаблона http://armrus.org/ доступ в админку этого сайта есть. Шаблон и меню должны подстраиваться под ...
Есть сайт http://horexby.vh92.hosterby.com/ От работает на Opencart. Нужно сделать шапку сайта адаптивной. Изначально сам шаблон адаптивный, но в шапку было внесено много разных изменений из-за чего адаптивность сбилась. Нужно сделать так чтобы шапка ...
Доброго времени! Нужно обновить php версию на Centos WHM/cPanel сервере. Если возможно сделать возможность переключения версий php для сайтов. Важно чтобы текущие сайты на сервере не упали из-за новой php версии
Из вёрстки Less+jQuery сделать фронтэнд на Angular с "лайв" редактированием в режиме администратора. ФРОНТЭНД НА ANGULAR Нужно использовать текущие стили, заменив jQuery плагины соответствующими аналогами на Angular. ...
