Completado

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.

Habilidades: CSS, Javascript, jQuery / Prototype

Ver más: 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

Información del empleador:
( 6 comentarios ) Yonkers, United States

Nº del proyecto: #17854898

Adjudicado a:

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 Más

$50 USD en 1 día
(240 comentarios)
7.0

8 freelancers están ofertando el promedio de $32 para este trabajo

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 Más

$30 USD en 1 día
(13 comentarios)
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 en 5 días
(3 comentarios)
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 Más

$25 USD en 1 día
(0 comentarios)
0.0
$29 USD en 1 día
(0 comentarios)
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 en 3 días
(0 comentarios)
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 Más

$25 USD en 1 día
(0 comentarios)
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 Más

$30 USD en 2 días
(0 comentarios)
0.0