Find Jobs
Hire Freelancers

jQuery Animation on Path, Bezier, Arc on Scroll

$30-250 USD

Closed
Posted about 8 years ago

$30-250 USD

Paid on delivery
This project is only for Javascript & CSS Experts, please DO NOT bother to bid until you think you can do it in 2 days. Requirements: 1. We have an image of half globe with orbits with icons and text on it. We want to have circular animation on path, we should be able to set path start and end coordinates, the animation is slow and steady and soon as it reaches end it reverses back. 2. The ARC/Globe will only work on large screens, if its a mobile device, it will remove that jquery and show those icons and text as simple DIVS horizontally. The whole script should be easy to use like in the wrapper we can define distance of Orbs, and for each orb we can set icon (font-awesome) and text along with colors... so basically it should be something like this.. globe { distance: 100; //mean 100px between each orb orb1 : { icon:'fa-globe', iconbgcolor:'#444', iconcolor:'#fff' }, ... ... } or something similar. I will share the screenshot with the people who message me with word: GLOBE.. thanks
Project ID: 9689317

About the project

5 proposals
Remote project
Active 8 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
5 freelancers are bidding on average $228 USD for this job
User Avatar
GLOBE Hi, my name is Matt and would do your animation using GreenSock (better and smoother animation than with jQuery, adding only 31 K of an additional javascript library - actually jQuery is not needed). So your animations are perfect candidates for being created as timelines. GreenSock library has an easy option to reverse the timeline back so your icons and text would be scripted only once and then animated back and forward again for several times or infinitely. I understand that you would like your globe, orbs and icons/text parameters defined in arrays and/or CSS styles on top of the implemented script. Please share a screenshot and more details regarding showing icons and texts as simple DIVs when viewing on mobile devices (and don't worry about browsers/devices - GreenSock is perfectly cross-platform and I use it 100% now instead of possibly error prone manual CSS3 animations for supporting three web browser families). Looking forward to your reply, Matt
$220 USD in 2 days
4.8 (48 reviews)
6.1
6.1
User Avatar
GLOBE notice: I can start only on Saturday, because on weekdays Im at full time work. Regards, waiting for your reply.
$200 USD in 2 days
5.0 (18 reviews)
4.1
4.1
User Avatar
Hello, I bean working from a long time with javascript and differents frameworks like, ember, angularjs, and fabricjs, got strong design sense and mixing programming with design get really good result's,
$222 USD in 2 days
5.0 (4 reviews)
3.3
3.3
User Avatar
Sounds like a straightforward project that would be a pleasure to implement. We'd love to talk more and see some screenshots and images so we can know exactly what you have in mind. My partner and I are javascript and css masters. We would thoroughly enjoy creating your project and doing the job right. Let's talk soon and get started!
$250 USD in 2 days
5.0 (1 review)
1.9
1.9
User Avatar
I am javascript developer having experience over 4 years in rich mobile and web application development . I am confident that I can do the work in 2 days. Lets talk about more details.
$250 USD in 2 days
0.0 (0 reviews)
0.0
0.0

About the client

Flag of UNITED ARAB EMIRATES
Dubai, United Arab Emirates
5.0
23
Payment method verified
Member since Jul 16, 2010

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.