Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Bring height from top and than remove height but it should animate to bottom

Go to solution Solved by tailbreezy,

Recommended Posts

I am trying to recreate a animation but I got stuck, I am trying animate overlays I want it to come from bottom when it increasing his height and it should go to top when decreasing the height of overlay.  Animation I am trying to recreate :  https://dribbble.com/shots/6711379-Xd-and-Protopie-make-a-great-combination

See the Pen OJbbdKj by midnightgamer (@midnightgamer) on CodePen

Link to comment
Share on other sites

21 minutes ago, tailbreezy said:


Sorry but my container is not by default in view i need to use top:0; after using that this same thing is not working.


Link to comment
Share on other sites

2 minutes ago, akapowl said:

Hey @midnightgamer


Since you are tweening on the height, changing your transformOrigin won't do much, because it doesn't work for height.

You could simply just tween on the scaleY instead.


Oh thanks for explanation .



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.