Плавное появление display flex или block, есть варианты решения?

Ощущение что анимация просто на height, срабатывает и все, а opacity, не срабатывает анимация.

Плавное появление display flex или block, есть варианты решения?

Владимир, вот реализовал более приближено, что не нравиться, так это что плющит как-то, https://jsfiddle.net/vlit/cy0tgas7/33/

Круг допустим сжимает.

Плавное появление display flex или block, есть варианты решения?

Владимир, кстати да, как вариант, работает, боли менее. спасибо

Плавное появление display flex или block, есть варианты решения?

Владимир, Не это не то, там есть отступы, но их можно спрятать и применять. jsfiddle.net/vlit/m72w5uob/320

Косяк в том что, он сначала пространство расширяет где будет блок, и делает он это не анимированно, а потом появляется блок медленно. В моем этом примере наведи и поймешь.

Плавное появление display flex или block, есть варианты решения?

Владимир, да я щас столько вариантов попробовал ), смысл сидеть и ждать чуда, конечно пробую.

Плавное появление display flex или block, есть варианты решения?

Вот про что я тебе говорил.
Блок скрыт, но то пространство которое он занимает, оно не скрыто.
По этому opacity, это плохой вариант.

Плавное появление display flex или block, есть варианты решения?

Сергей delphinpro, я уже понял как клиентам делаешь задачи ! мол ты не сказал про это, значит плати больше, есть такие вещи, которые не обязательно прям расписывать, там и так понятно что с чем идет, как про дверь с ручкой.

Ну какой смысл делать анимацию только для появления ) ну бред же, логично что анимация должна работать в обе стороны.

Плавное появление display flex или block, есть варианты решения?

там без дисплей флекс нельзя.
там же стили у блока, а opacity, он отступы не прячет.

Плавное появление display flex или block, есть варианты решения?

Сергей delphinpro, это как поставь дверь без ручки )) вроде есть, но открыть нельзя )

Плавное появление display flex или block, есть варианты решения?

Сергей delphinpro, ага, срабатывает. но это плохой пример, он плавный только при появлении, а при исчезании не срабатывает.

Я попробовал сделать что-то подобное, для исчезания.
Не сработало )

.unn>div:last-child{
display:none;
 animation: hide 1s linear 1 forwards;
}

  @keyframes hide {
  100% {
    opacity: 1;
  }
   0% {
    opacity: 0;
  }

Плавное появление display flex или block, есть варианты решения?

Сергей delphinpro, https://codepen.io/AXOT/pen/ExpjqJx

Плавное появление display flex или block, есть варианты решения?

Сергей delphinpro, могу научить, пару кликов )

Плавное появление display flex или block, есть варианты решения?

Сергей delphinpro, Работает vpn надо включить и все.

Плавное появление display flex или block, есть варианты решения?

Сергей delphinpro, а как бы сделал мой вариант? без js, к примеру с opacity и т.д.

Плавное появление display flex или block, есть варианты решения?

Антон Литвиненко, визибилити знаешь как работает? что если у блока есть стили, он скрывает но отступы показывает.

Плавное появление display flex или block, есть варианты решения?

godsplane, да, я пробовал, чет не вышло, по этому задал вопрос тут.

Плавное появление display flex или block, есть варианты решения?

godsplane, я знаю.

Header, main, footer, маин растягивается до низу, но блок в маине не хочет растягиватся до низа, как реализовать?

12Vadim12, яж пример сделал не зря, тема выше.

Header, main, footer, маин растягивается до низу, но блок в маине не хочет растягиватся до низа, как реализовать?

12Vadim12, я делал так, это херня, если вытягивать экран, то и height:100vh, надо менять.

Header, main, footer, маин растягивается до низу, но блок в маине не хочет растягиватся до низа, как реализовать?

Видимо не внимательно читаешь, то что там в видео это сделано ), у меня блок внутри маина. вот его я хочу растянуть.