Как прижать блок после анимации к низу страницы?

Question

[gregorianin]

Здравствуйте не подскажете, как правильно сделать чтобы блок выезжал снизу и потом прижимался к самому низу страницы после анимации в псевдоселекторе after? Пытаюсь но даже codepen меня не понимает чтоли?

Comments

[gregorianin]

Michael McGlynn, Надо чтобы после загрузки страницы блок wrap-2 поднимался по Y и прижимался к низу экрана и всегда был прижат, но я ставлю absolut и bottom 0 но ничего не происходит. Т.е. в псевдоселекторе after на сколько я понимаю должна происходить эта магия)

[Владимир Ионенко]

https://codepen.io/ionenkovladimir/pen/xxwgNRM

Answer 1

[Максим]

если я верно понял

.wrapper{
  background-color: #fff;
  height: 3000px;
}

.wrap-2 {
  width: 100vw;
  height: 20vh;
  position: absolute;
  bottom: -50%;
  background-color: red;
 
  animation: go 1s linear  forwards;
}

@keyframes go{
  100%{
    position: fixed;
    bottom: 0;
  }
}

Comments

[gregorianin]

Не совсем, блок должен выезжать снизу, и затем прижиматься.

[Максим]

gregorianin, если до утра не ответят, то я переделаю...у меня ночь, я не возле компа

[gregorianin]

Максим Ленский, Хорошо, спасибо огромное!)

[Максим]

gregorianin, обновил ответ - проверьте

[gregorianin]

Максим Ленский, Да спасибо огромное, так как надо работает)