Архив: На сайте http://hsk.wiki необходимо сделать меню с SVG анима
Бюджет
17$
/ 1000
руб
в месяц
Создан: 5 лет назад
Закрыт
- Описание
- На сайте hsk.wiki необходимо сделать меню с SVG анимацией.
Сайт ориентирован на детей и взрослых по обучению китайскому языку. Так как сайт для детей, он должен вызывать детский восторг, но не утрачивать свою функциональность.
Кнопка вызова меню должна быть расположена справа в фиксированном баре .bar. При нажатии на неё активируется меню. Меню одинаковое что для десктопного дизайна, что для мобильного. Ширина меню не должна превышать 80vw.
Кнопка вызова при открытом меню превращается в стрелочку назад как здесь codepen.io/ainalem/pen/Za... только должен быть эластичный эффект превращения в стрелочку. Вот ещё пример www.transformicons.com (обратите внимание на стрелку справа) только здесь нет эластичности и стелка должна быть направлено направо при открытом меню
Кнопка вызова всегда по z-index выше. Соответственно верхний элемент самого меню по css будет ниже кнопки вызова.
Также меню можно вызвать, потянув правый край экрана влево.
Закрыть меню можно, нажав на кнопку вызова меню или потянув меню вправо, или нажав на область, не относящуюся к меню.
Анимация появления и исчезновения меню должна быть как здесь codepen.io/codyshop/pen/V... или как здесь codepen.io/suez/pen/emjwv... , или ещё "мультяшнее". Но когда меню закрыто, оно должно быть скрыто (в примере оно торчит сбоку).
Меню должно выползать справа, а не слева.
При открытом меню сайт светлеет (а не темнеет).
Анимация появления и исчезновения внутренних элементов должна быть как здесь codepen.io/RedFredBihac77... (обратите внимание как появляются <li>
Только элементы должны появляться сразу при открытии меню, без отсрочки появления
В меню будет столько пунктов, что они не будут вмещаться в высоту экрана, поэтому меню должно прокручиваться вверх-вниз колёсиком мыши, элегантным скролл баром или на телефоне пальцем.
Например как скролл бар здесь codepen.io/yusufbkr/pen/O...
Чего не должно быть:
Контент сайта не должен двигаться
При нажатии на любой элемент меню, меню не должно закрываться
- Категория
Похожие проекты
6
0
Здравствуйте,. - Нужен дизайн для моего ТГ канала под названием "Devs на чиле", который можно найти в поиске ТГ- Klumdan. - В канале буду публиковать новости, обзоры из сферы IT и сервисы для упрощения работы фрилансеров. - Нужно создать дизайн аватарки канала, аватрки бота, а также 3 изображения для......
1 год назад
$4
12
0
Нужно сделать пример сметы и комерческого предложения по разработке сайта от исполнителя к заказчику в PDF формате....
1 год назад
$33
23
1
$56
17
0
Ведение личного кабинета предприримателя, заполнение карточек товара, инфографика....
1 год назад
$56
135
4
$167
122
15
В личном кабинете нужно заполнить карточки товаров на Вайлдберриз. Запуск рекламы....
1 год назад
$33
102
11
$56
128
2
205
12
251
13
Редизайн логотипа. Мы ищем профессионального дизайнера, который сможет создать новый логотип нашего бренда. Компания уже много лет работает в торгово-производственном направлении и постоянно развивается. Соответственно нам нужен дизайнер с богатым опытом создания логотипов и хорошим портфолио. Просьба......
1 год назад
90
3
Нужно будет зачитывать текст по т3 на видео(себя снимать не нужно) . все в виде просто гайда - текст и на фоне картинка оплата в месяц 5500$. В неделю примерно 2-3 видео. Видео обычно не больше 10 минут. Нужен хороший микрофон и хорошая дикция. Желательно долгосрочное сотрудничество . Будьте готовы к......
1 год назад
$56
539
36
$33
601
25
Оформление Т-игры. Для Трансформац. игры необходимо оформить поле, карточки (неск. колод) – лицевая сторона + оборотная, логотип игры....
1 год назад
147
9
Цель: Доработать шрифты, цвета, и другие элементы связанные с дизайном презентаций, сайтов, тизеров. Требования: Портфолио по похожим проектам....
1 год назад
$150
257
26
Необходимо создать новый логотип компании Becar Asset Management Group. Наша компания занимается коммерческой недвижимостью 29 лет. Создать логотип нужно, основываясь на наших ценностях и миссии....
1 год назад
$20000
123
0
Ищу профессионалов с максимальным опытом и солидным портфолио....
1 год назад
96
5
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! ВК, ОК, myTarget, Яндекс, Гугл и т. 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы (тексты, баннеры, статистика). 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения,......
1 год назад
77
1
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! ВК, ОК, myTarget и др. 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу,......
1 год назад
$222
362
20
Ищу профессионалов с максимальным опытом и солидным портфолио....
1 год назад
$167
209
14
Необходимо создать новый логотип компании Becar Asset Management Group. Наша компания занимается коммерческой недвижимостью 29 лет. Создать логотип нужно, основываясь на наших ценностях и миссии....
1 год назад
156
11
Для сайта по самостоятельному продвижению надо отрисовать логотип на основе имеющихся исходников. Результатом работы будут файлы формата PSD, PNG, SVG и примененный шрифт. Если есть желание, то бартер приветствуется. Вы - логотип для платформы Пиарим, а мы Вас подраскрутим. Детали заказа и информация......
1 год назад
Похожая удалённая работа
- Удаленная работа для веб-дизайнера
- Удаленная работа для дизайнера логотипов
- Удаленная работа для технического дизайнера
- Удаленная работа для дизайнера для создания фирменного стиля
- Удаленная работа для дизайнера векторной графики
- Удаленная работа для художника, иллюстратора
- Удаленная работа для дизайнера баннеров
- Удаленная работа для дизайнера иконок, пиксель арта
- Удаленная работа для дизайнера 3D графики
- Удаленная работа для дизайнера презентаций
- Удаленная работа для дизайнера интерьера
- Удаленная работа для промышленного дизайнера
- Удаленная работа для дизайнера интерфейсов
- Удаленная работа для дизайнера шрифтов
- Удаленная работа для дизайнера наружной рекламы
- Удаленная работа для рукодельника
- Удаленная работа для дизайнера 2D графики