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
    • 2 months ago

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

    • 2 months ago
    1. danglong592
      Contest Holder
      • 2 months ago

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

      • 2 months ago
    2. mattsrinc
      mattsrinc
      • 2 months 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.

      • 2 months ago
  • hexsky
    hexsky
    • 2 months ago

    #extended

    • 2 months ago
    1. danglong592
      Contest Holder
      • 2 months ago

      check the inbox

      • 2 months ago
  • hexsky
    hexsky
    • 2 months 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.

    • 2 months ago
    1. danglong592
      Contest Holder
      • 2 months ago

      Keep going

      • 2 months ago
  • hexsky
    hexsky
    • 2 months ago

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

    • 2 months ago
    1. danglong592
      Contest Holder
      • 2 months 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

      • 2 months ago
  • hexsky
    hexsky
    • 2 months 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...

    • 2 months ago
    1. danglong592
      Contest Holder
      • 2 months ago

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

      • 2 months ago
  • salmanrasheed035
    salmanrasheed035
    • 2 months ago

    can we talk on chat about this?

    • 2 months ago
    1. danglong592
      Contest Holder
      • 2 months ago

      yeah sure

      • 2 months 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!