Good morning, Toaster!

How do I implement the same pop-up block, like it was done on Instagram(here's link)?


It appears for 2-3 seconds, and then again sinks into the abyss.

I tried it myself, but for some reason I got a scroll.
  • You make the block fixed from below, by default you set - 10 percent to the bottom of the page so that you don’t see it.Next, on jq, you add the class function and you give this class a pop-up animation, and add the class for 3 seconds and then remove it. – Mickey's53 May 14 '19 at 09:33

2 Answers 2

Because you need to use to display: fixed block
lowering and ascending - this is through a transition or an animation gash.
Like this:
#block {
 position: absolute;
 animation: pop 2s linear;
}

 @keyframes pop {
  0% {
   bottom: -100px;
}

  ten% {
   bottom: 0px;
}

 100% {
   bottom: -100px;
}
}