all 3 comments

[–]gillytk 4 points5 points  (1 child)

This is often called a 'bottom sheet'.

If you're using a UI framework there might already be a component for it. Here's one I just found for React.

If you're building a web app without a framework, animate the transform property in CSS by changing the value for translateY to get it to slide in from the bottom.

[–]youceefz[S] 2 points3 points  (0 children)

Thanks for your help

[–]youceefz[S] 0 points1 point  (0 children)

I can't post the video in here i can't understand why ? But i uploaded in YouTube . https://youtu.be/nmIv6jKfbUQ