Help me solve a problem with GSAP 3 on Website

  • Status: Closed
  • Prize: $50
  • Entries Received: 2
  • Winner: hexsky

Contest Brief

I need someone to help me create this Liquid Button Animation same as this website.
I want it the same as 100% and explain how it works
Just send me a separate file with HTML, CSS, and Javascript. (using GSAP 3) .
the website:
https://www.utopiaagriculture.com/

Recommended Skills

Employer Feedback

“Really cool guy, I will recommand working with him, He helped me to solve the problem with GSAP 3 and Tween.js in short time. ”

Profile image danglong592, United States.

Top entries from this contest

View More Entries

Public Clarification Board

  • mattsrinc
    mattsrinc
    • 1 month ago

    #increaseprize . Otherwise animations like that animate SVG path control points, the rest is done by the browser (SVG implementation of Bezier curves).

    • 1 month ago
    1. danglong592
      Contest Holder
      • 1 month ago

      @mattsrinc I did change the prize , please help me solve this problem, I'm upset with this animation, cant sleep, cant eat

      • 1 month ago
    2. mattsrinc
      mattsrinc
      • 1 month ago

      I see you got it solved - just a note that sharing a working version of a web (javascript) solution before a freelancer is awarded is against the Freelancer ToS. Video screencast or GIF etc should suffice while the final work is passed in Contest Handover phase.

      Both a freelancer doing that and contest holder requesting it could be warned and/or banned here for such actions.

      • 1 month ago
  • hexsky
    hexsky
    • 1 month ago

    #extended

    • 1 month ago
    1. danglong592
      Contest Holder
      • 1 month ago

      check the inbox

      • 1 month ago
  • hexsky
    hexsky
    • 1 month ago

    great, i saw source code, i can implement it with GSAP lib but I'm busy right now. if no one wins the contest, I'll implement it tomorrow.

    • 1 month ago
    1. danglong592
      Contest Holder
      • 1 month ago

      Keep going

      • 1 month ago
  • hexsky
    hexsky
    • 1 month ago

    #4 https://jsfiddle.net/HexSky/qsc2hm7d/

    • 1 month ago
    1. danglong592
      Contest Holder
      • 1 month ago

      I saw your version, it is really cool

      looks like you just animate with frames by frames, is there any other way we can achieve that animation, I'm learning GSAP now so, it is better for me if I can crack the code from the website

      • 1 month ago
  • hexsky
    hexsky
    • 1 month ago

    hello there, its working with tween and gsap.to. i don't know about gsap lib but i can implement it frames by frame with js and svg, if you want...

    • 1 month ago
    1. danglong592
      Contest Holder
      • 1 month ago

      yeah sure
      I just want to figure out how it worked, mostly I tried to do with GSAP but failed

      • 1 month ago
  • salmanrasheed035
    salmanrasheed035
    • 1 month ago

    can we talk on chat about this?

    • 1 month ago
    1. danglong592
      Contest Holder
      • 1 month ago

      yeah sure

      • 1 month ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!