Create liquid radio buttons (SVG/GSAP animation)

The code has already mostly been created @ [login to view URL]

But this must be modified in a few different ways:

Goals:

• Utilize GSAP (Greensock Animation API, TweenMax) to transform the code above into vertically-aligned radio buttons, (not checkboxes as currently implemented).

• The end result should look similar to this other code ([login to view URL]) but with the liquid radio button effect above. Please also incorporate the alpha change on the text labels into the final script.

• There will be 5 options. As radio buttons normally function, only one option can be selected at a time. Any option that becomes deselected due to another being selected must have the exit animation. Void the liquid animation of the option already selected.

• Freelancer must assist with the integration to the final page. The current setup uses real radio buttons that use a simple existing "jQuery('input[type=radio][name=variation]').change(function()" that must be able to be incorporated into the final script (more info & a link will be provided).

Ask if you have any questions! I will provide the link to the page to discuss more when we make contact.

JavaScript HTML5 jQuery / Prototype Animacja SVG

Numer ID Projektu: #24180039

O projekcie