Почему не работает transition для position?

Question

[Алексей Верховцев]

Всем привет. У меня есть 2 блока, вот стили первого

padding-top: 70px;
    background: #e5e6e6;
    display: flex;
    flex: none;
    width: 240px;
    flex-direction: column;
    transition: 300ms all ease;
    position: absolute;
    z-index: 30;
    margin-right: 0;
    top: 0;
    bottom: 0;
    left: -240px;
    overflow-y: auto;

И у данного элемента прекрасно работает анимация, когда я меняю left

и есть другой элемент с такими стилями

flex: none;
    width: 280px;
    align-self: flex-start;
    transition: 300ms all ease;
    position: absolute;
    z-index: 20;
    margin-right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 8px 4px 6px rgba(0, 0, 0, 0.04);
    overflow-y: auto;

И тут ничего не работает... Не могу понять ошибку

Comments

[Владислав Лысков]

тут - это где?
ничего не работать не может, может не работать что-то конкретно

[Виталий Першин]

Во втором примере у вас изначально left не задан, возможно в этом проблема, если я вас правильно понял...

Answer 1

[Dyzz24]

У первого left: -240px задана в пикселях, соответственно может анимироваться. У второго я пикселей не вижу нигде

Comments

[Алексей Верховцев]

Да, я забыл указать начальное значение :)