Castomic button fastening
13 USDYou need to fold the buttons using the Vue 3 frame. The buttons are in unusual shape. Will be used on the trading platform as an opening point (Sell/Buy). It's got to be cross-browser. Figma file attached.
Technical description:
- The buttons have to have a gradient beard.
- Beckground - gradient
- Outer shadow around a button in the shape of a button
- At the hoover, the gradient must be animated (changed dark side)
Example:
- The buttons have several states. On the active button there's an internal shadow in the shape of a button, the second button becomes unaffordable and dark.
- It must be possible to change dimensions without being proportional
- It's got to be anonymous. It's not desirable to use canvas. It's good if it's a Vue 3 component.
Performance criteria:
- the project and the instruction on how to deploy it will be dropped
- Project raised locally by the customer
- the wool fulfils the requirements described in the technical description above
- the wool corresponds to the Figma
Общее описание:
Требуется сверстать кнопки, используя фреймворк Vue 3. Кнопки имеют необычную форму. Будут использоваться на торговой платформе в качестве открытия позиции (Sell/Buy). Верстка должна быть кроссбраузерная. Figma файл прилагается.
Техническое описание:
- Кнопки должны иметь градиентный бордер
- Бекграунд - градиент
- Наружная тень вокруг кнопки по форме кнопки
- При ховере должна быть анимация градиента (меняется затемненная сторона)
Пример:
- У кнопок есть несколько состояний. На активной кнопке появляется внутрення тень по форме кнопки, вторая кнопка стает недоступной и затемненной
- Должна быть возможность менять размеры без соблюдения пропорций
- Все должно быть анимированным. Использовать канвас не желательно. Хорошо если это будет Vue 3 компонент
Критерии успешного результата:
- скинут проект и инструкция как его развернуть
- проект поднят локально заказчиком
- верстка соответствует требованиям, описанным в техническом описании выше
- верстка соответствует Figma
Applications 1
Work result
Client's feedback on cooperation with Vitaly K.
Castomic button fasteningThe task was not accomplished until the end. Two important points have not been met:
No Gradient Animation
2. the hover (muscle guidance) on the buttons is performed incorrectly, because When you turn to the left part of the button, the effect of the direction to the right occurs. And the opposite.
Without carrying out these two points, I can’t take the task and place such buttons on my site.
Freelancer refused to give. He asked to close the project and do it later. I didn’t fit that. We couldn’t agree.
-
268 2 0 Hello!
I'm ready to do the buttons. I'll write on the code.
Здравствуйте!
Готов взяться за создание кнопок, напишу на чистом коде.
-
870 21 1 Здравствуйте, смогу сверстать вам кнопочки. Смогу отрисовать и добавить все элементы в HTML документ со всеми анимацией и подсветкой.
-
284 4 1 1 Доброго времени суток! С вашим проектом ознакомился, и готов его реализовать.
Приятного вам дня! Буду ожидать от Вас сообщения
-
145 1 0 Доброго дня.
Зацікавило ваше завдання, готова виконати і відповісти на ваші питання.