Help me solve a problem with GSAP 3 on Website

  • Durum: Closed
  • Ödül: $50
  • Alınan Girdiler: 2
  • Kazanan: hexsky

Yarışma Özeti

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/

Aranan Beceriler

İşveren Geribildirimi

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

Profil Görüntüsü danglong592, United States.

Bu yarışmadan başlıca girdiler

Daha Fazla Girdi Görüntüleyin

Genel Açıklama Panosu

  • mattsrinc
    mattsrinc
    • 1 ay önce

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

    • 1 ay önce
    1. danglong592
      Yarışma Sahibi
      • 1 ay önce

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

      • 1 ay önce
    2. mattsrinc
      mattsrinc
      • 1 ay önce

      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 ay önce
  • hexsky
    hexsky
    • 1 ay önce

    #extended

    • 1 ay önce
    1. danglong592
      Yarışma Sahibi
      • 1 ay önce

      check the inbox

      • 1 ay önce
  • hexsky
    hexsky
    • 1 ay önce

    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 ay önce
    1. danglong592
      Yarışma Sahibi
      • 1 ay önce

      Keep going

      • 1 ay önce
  • hexsky
    hexsky
    • 1 ay önce

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

    • 1 ay önce
    1. danglong592
      Yarışma Sahibi
      • 1 ay önce

      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 ay önce
  • hexsky
    hexsky
    • 1 ay önce

    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 ay önce
    1. danglong592
      Yarışma Sahibi
      • 1 ay önce

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

      • 1 ay önce
  • salmanrasheed035
    salmanrasheed035
    • 1 ay önce

    can we talk on chat about this?

    • 1 ay önce
    1. danglong592
      Yarışma Sahibi
      • 1 ay önce

      yeah sure

      • 1 ay önce

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Projenizi ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Et ya da Bugün Bize Katılın!