Я хочу полностью скрыть столбец таблицы. И это должно быть анимировано.
Когда я добавляю переход с целью width: 0, это прекрасно работает, например, в сафари, т.е. столбец скрыт полностью .
Однако в например, firefox, столбец остается с минимальной шириной около 2,5 пикселей. Из-за этого я попытался добавить display: none; с соответствующей задержкой. Но это с другой стороны нарушает вторую половину анимации. Похоже, что удаление display: none; приводит к игнорированию каждой ширины.
Почему display: none; не работает вместе с переходами и как я могу это исправить?
Полагаю, это Скрипка объясняет лучше всего то, что я имею в виду.
Красный столбец не скрыт полностью, но синий столбец изменяет размер без перехода.