Help me solve a problem with GSAP 3 on Website

  • Status: Closed
  • Præmier: $50
  • Modtagne indlæg: 2
  • Vinder: hexsky

Konkurrence Instruktioner

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/

Anbefalede færdigheder

Arbejdsgiverfeedback

“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. ”

Profilbillede danglong592, United States.

Bedste indlæg fra denne konkurrence

Se flere indlæg

Offentlig Præciserings Opslagstavle

  • mattsrinc
    mattsrinc
    • 2 år siden

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

    • 2 år siden
    1. danglong592
      Konkurrenceafholder
      • 2 år siden

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

      • 2 år siden
    2. mattsrinc
      mattsrinc
      • 2 år siden

      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 år siden
  • hexsky
    hexsky
    • 2 år siden

    #extended

    • 2 år siden
    1. danglong592
      Konkurrenceafholder
      • 2 år siden

      check the inbox

      • 2 år siden
  • hexsky
    hexsky
    • 2 år siden

    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 år siden
    1. danglong592
      Konkurrenceafholder
      • 2 år siden

      Keep going

      • 2 år siden
  • hexsky
    hexsky
    • 2 år siden

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

    • 2 år siden
    1. danglong592
      Konkurrenceafholder
      • 2 år siden

      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 år siden
  • hexsky
    hexsky
    • 2 år siden

    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 år siden
    1. danglong592
      Konkurrenceafholder
      • 2 år siden

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

      • 2 år siden
  • salmanrasheed035
    salmanrasheed035
    • 2 år siden

    can we talk on chat about this?

    • 2 år siden
    1. danglong592
      Konkurrenceafholder
      • 2 år siden

      yeah sure

      • 2 år siden

Vis flere kommentarer

Sådan kommer du i gang med konkurrencer

  • Opret din konkurrence

    Opret din konkurrence Hurtigt og nemt

  • Få tonsvis af indlæg

    Få tonsvis af indlæg Fra hele verden

  • Tildel det bedste indlæg

    Tildel det bedste indlæg Download filerne - Nemt!

Opret en Konkurrence Nu eller slut dig til os i dag!