Completed

Create animation sample page

I need a single form page to show sample animations, VERY similar to this:

[login to view URL]

Except it will use the animations from this library:

[login to view URL]

^^ Please look at the aos library carefully

The form will have 5 fields that let the user choose the animation options. On submitting they will see the animation happen with the options they had chosen:

These are the fields:

1. A select box with the animation to choose from:

example: fade-in

2. Another select box for data duration (1 - 10).

This corresponds with the aos library feature:

example: data-aos-duration="3000"

3. A select box to choose the data offset (1 - 10):

This corresponds with the AOS feature:

example: data-aos-offset="500"

4. Another select box to choose the easing method:

example: data-aos-easing="ease-in-back"

When submitted, an element will animate below showing exactly what the animation looks like with the library. -- this should happen without page refresh, so it would be through AJAX.

The element that animates below can just be a rectangle with text inside of it.

No javascript libraries are allowed other than jQuery.

No CSS frameworks like bootstrap, and no PHP frameworks please.

Skills: CSS, Javascript, jQuery / Prototype

See more: need freelance programmers create animation, create sample page smarty, need someone create animation, css text animation examples, css3 animation effects, css animation examples with code, website animation examples, html image animation effects, 3d animation websites, website animation effects, html5 animation examples, create sample page php, create a sample animation of 2-3 seconds, create a sample animation of 23 seconds, how can i create my facebook page that people can join or sign up, looking for a professional team to re-create a current 7 page website you would need to use the existing content & redesign / de, i m trying to find a website that will help me create my own website i m not technical so i need an easy to use one any suggesti, how can i create my own page, i created a website i want to create a home page for that website, i want a developer to create a web page n application

About the Employer:
( 6 reviews ) Yonkers, United States

Project ID: #17854898

Awarded to:

BaNgan

Hi, So there will be 4 select box on the page, and when user press animate the element, user selection will be change on the animated box using data-* attribute. The method [login to view URL] will be used to make changes wi More

$50 USD in 1 day
(240 Reviews)
7.0

8 freelancers are bidding on average $32 for this job

alaa3eldeen

Hello, how are you, my friend? You have read the details of your project, but I would like to get some detail that will help me to work on your project. I will be waiting for you as soon as possible. Thank you fo More

$30 USD in 1 day
(13 Reviews)
4.1
nadeemgorsi

Hi, I can do this using jquery without page refresh . I'll go through the library and read the job post with great care if you at least ping me. I look forward to work with you . Thank You

$30 USD in 5 days
(3 Reviews)
2.1
linkajohanna

Dear Client. Thank you for your posting job. I have checked your job description carefully and I'm very confident I can complete this project perfectly without any fault. I'm an expert and passionate Web developer w More

$25 USD in 1 day
(0 Reviews)
0.0
$29 USD in 1 day
(0 Reviews)
0.0
locorecopado

I have experiencie in web design and javascript programming. I already read AOS Library documentation and i'm sure i can do it

$35 USD in 3 days
(0 Reviews)
0.0
expertworld1

I’m excited to share with you the proposal , I am an expert in project you mentioned , Imagination and creativity can change the world . I guarantee you to submit the work within timeline and as per your expectations More

$25 USD in 1 day
(0 Reviews)
0.0
RigobertoCampos

Hello, i saw the web example and i can do what you are looking for, like you want AJAX please take a look on this project: [login to view URL] it´s only an example to show my skill about More

$30 USD in 2 days
(0 Reviews)
0.0