Add Simple Line Animation and Scroll Activation to Webpage

Closed Posted 7 years ago Paid on delivery
Closed Paid on delivery

A small bootstrap website has been built that has a scrolling front page. Scroll Magic ([url removed, login to view]) is used on the top menu for the front page (with an effect like [url removed, login to view]), and scroll magic was planned to be the activator for simple line animations as the user scrolls down (similar to [url removed, login to view])

A Canvas logo animation has been built and is on the page. This small animation needs to be activated by the scroll and duplicated for use elsewhere on the page.

• Two areas where a logo appears and simple lines should animate once the scroll reaches the sections. Images need to "pop in" (scale quickly from nothing, slight bounce into place) at the ends of the lines.

• One area where a provided image needs to be animated (line drawing should build, starting with a logo appearance, then a computer display around it, with the lines traveling to create the drawing. Once the computer display is built the line travels down and creates multiple displays.

•One provided map that has a background fill area that needs to grow outward from the starting point.

I am uploading a PDF that shows the page with instructions on each animated area. The example is set on the "largest" browser version of the bootstrap site. Animations will need to look correct also on the next step down, but can be hidden on tablet and mobile devices.

I also need the navigation bar looked at. The appearance after the initial scroll should be more faded-in, like the viko example. Then on the subpages, the menu should stick at the top of the browser. (It currently scrolls away.)

I need to have this complete within 3 days from this post.

Animation Bootstrap CSS HTML JavaScript

Project ID: #11543398

About the project

23 proposals Remote project Active 7 years ago

23 freelancers are bidding on average $612 for this job

kchg

H! How do you do ? I am a TOP 5th developer in freelancer.com and so interested in your project. Also managing full stack and full time. I'd like to discuss with you and look forward to it. Hope your reply. Thank More

$823 USD in 10 days
(302 Reviews)
9.1
softsolution2000

I am really interested to do this job and get started. can we discuss the project details? You can pay me after complete satisfaction with the animation.

$588 USD in 8 days
(210 Reviews)
7.9
Enayet

Hi, I am Enayet. Checked the project details. Clear with it. Will make it. Ready to go. Thank you, Enayet

$550 USD in 3 days
(206 Reviews)
7.4
AppDuniya

Hi, Just checked your PDF and understand the work. Lets make it possible, Kindly come over chat to proceed the work immediately. Sure we will complete it within 3 days. Provide me a chance to further discuss th More

$611 USD in 5 days
(38 Reviews)
7.0
dghq123

Hello, We are group of expert web designers and developers. Our designer do best job always as you can see portfolio in profile. We understand the client requirements and serve him with best outcomes.

$800 USD in 3 days
(65 Reviews)
6.2
mandalsaubhik

A proposal has not yet been provided

$250 USD in 7 days
(24 Reviews)
5.1