Как в табах, при переключении сделать переход в виде opacity: 0 в opacity: 1?

Question

[levyndra]

Есть табы, но как сделать так, чтобы у них не было тупого переключения, а был эффект например перехода с opacity 0 на 1 или анимацией какой?

Comments

[Ankhena]

Вместо display применяете opacity.
Для анимации transition: opacity 0.5s;

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

Answer 1

[Шохрух Шаймардонов]

Добавьте свойство transition

Про transition на MDN

Comments

[levyndra]

Не работает, ничего не происходит. Написал вот так: transition: all .2s linear;

[RAX7]

levyndra, https://codepen.io/anon/pen/mYMLRa

[Шохрух Шаймардонов]

levyndra, у RAX7 сработало