Возможно ли сделать данную вещь на Flexbox'ах?

Question

[seregindev]

Доброго времени суток!
Совсем не могу понять, возможно ли сверстать данный блок на Flexbox'ах ?
Либо флексы+позиционирование..
Начал только осваивать флексы и немного не понятно в этом моменте о.о

Answer 1

[Дима Паутов]

При чём тут flexbox? Это же явно просто картинка должна быть, если там не предусмотрены вау эффекты аля движения за мышью.

Если нужны вау эффекты, то картинки просто абсолютно позиционируются, потом добавляем трансформации -perspective, translate, rotate

Comments

[seregindev]

Таким образом я и поступил, т.е. позиционирование абсолютное и плюс трансформации, просто думал, что возможно реализовать данный фрагмент на флексах, но не совсем понимал как это сделать и возможно ли вовсе о.о

Answer 2

[Андрей Б.]

вам нужен transform с perspective, translate, rotate

Answer 3

[Егор Живагин]

flex + позиционирование = ничего

Это ни разу не flexbox. Чаще это просто картинка или несколько картинок

Comments

[Виктор Янышев]

у flex работает z-index даже при position: static

[Егор Живагин]

Виктор Янышев: я знаю... причём тут это?)

Answer 4

[devstudent]

возможно даже на <span> сверстать, использовать 3d трансформацию css и позиционирование z-index ,флекс тут вообще не нужен, как любая другая система