нажатии, в самом компоненте:
className={`app-sidebar-input-container-input ${!this.props.collapsed ? 'colapsed' : ''}`}
соответственно при клике добавляется селектор .colapsed
Далее в css следующий код:
.app-sidebar-input-container-input {
opacity: 0;
}
.app-sidebar-input-container-input.colapsed {
transition: opacity 2s;
opacity: 1;
}
По логике: opacity должен применятся в течении 2сек переходя из 0 в 1, но по факту применяется сразу
Попробуй транзишин груп
Обсуждают сегодня