Как сделать такие табы?

Question

[DanilaBodrov]

Как сделать табы подобного вида? С одной стороны блок с 6 ячейками, при клике с другой стороны меняется текст. И можно ли это сделать с плавной анимацией?

Answer 1

[Андрей Федоров]

Развернуть можно так, надеюсь сами табы у вас затруднений не вызывают...
https://codepen.io/aliencash/pen/PLNbPp?editors=1100

Comments

[DanilaBodrov]

Воу, спасибо большое!

[DanilaBodrov]

Андрей Федоров Как по вашему, гриды лучше флексов?

[Андрей Федоров]

DanilaBodrov, все хорошо к месту.

[DanilaBodrov]

Андрей Федоров, Используете в одном макете все варианты?

[Андрей Федоров]

DanilaBodrov, не было пока такого, чтобы пришлось...