Jump to content
Search Community

GSAP Animation with Orientation Detection on Mobile Browser

vincent777 test
Moderator Tag

Recommended Posts

First time posting.

I would like to hire someone to duplicate the water animation found on  this android app below, with JS/GSAP/CSS?  I don't know if GSAP or pure CSS/JS is enough.



Basically on mobile browsers, animate the water wave upon moving the phone.   Let me know how much that would cost to build.

There are CSS water waves animations built already. I imagine one just need to get orientation of phone (X,Y,Z coordinates) and rotate the CSS animation a certain direction. or use GSAP?  I'm fairly new to GSAP so I don't know if this is the right place for it.


CSS water wave animation code that exist already:

See the Pen PqxKXg by tedmcdo (@tedmcdo) on CodePen

See the Pen LYWPJPN by techgirldiaries (@techgirldiaries) on CodePen

See the Pen LYPGxQz?editors=1100 by goodkatz (@goodkatz) on CodePen


Thanks for reading.

Link to comment
Share on other sites

  • vincent777 changed the title to GSAP Animation with Orientation Detection on Mobile Browser
  • 1 month later...

I ordered recently animated reels from Blue Carrot studio and, suppose, they made up similar effects with GSAP. IDK exactly how they realised it technically and how much it would cost exactly in your case, but I'm pretty sure they could do that. You can check their video production pricing at the web-site and better contact them directly. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...