Почему не работает transition?

Question

[chtopisatsuda]

.add-panel{
    --inner-padding: 0.25rem;
    --input-padding: 0.5rem;
    
    --border-width: 1px;

    display: grid;
    place-content: start stretch;

    height: 0;
    overflow: hidden;
    padding: 0 1rem;

    transition: padding-top var(--transition);
    transition: height var(--transition);


}

у --transition задано значение:
--transition: 250ms ease-in-out;

Comments

[Ankhena]

Потому что вы вторым свойством перебиваете первое.
Вам нужно писать значения через запятую.

Answer 1

[Сергей delphinpro]

- transition: padding-top var(--transition);
- transition: height var(--transition);
+ transition: var(--transition);
+ transition-property: padding-top, height;

Comments

[chtopisatsuda]

Спасибо вам большое