Что нужно сделать с этим блоком что бы получить такой же эффект?

Question

[Максим]

Собственно сам вопрос в :

а получилось только вот так :
codepen.io/Geyan/pen/NdKvRN

Не получилось доставить оргазм на css самому себе !

Answer 1

[kahi4]

Уберите все Scale из вашего tr класса и добавьте только

transform: perspective(600px) rotateY(-30deg) translateX(10%);

Ну и вот пример накидал https://jsfiddle.net/43dLfce8/

Comments

[Максим]

я собственно пример то взял из : https://akuma.su/blog/gulp-chast-3-stavim-i-ispolz... и при смещении есть меню , посмотрите

[kahi4]

Эта вещь в целом называется off-canvas, так что по этому ключевому слову можно найти сотни реализаций. https://tympanus.net/codrops/2013/08/28/transition... вот тут небольшой набор различных реализаций, посмотрите.

Для того, чтобы выезжало меню как в источнике, нужно убрать display flex, делать абсолютным позиционированием, в остальном все тоже самое. https://www.sitepoint.com/css3-sliding-menu/ вот еще один пример, но там вращают в другую сторону.

[Максим]

kahi4: отличный пример , спс

[xmoonlight]

kahi4: разметочка там некорректная... вот я проапдейтил: https://jsfiddle.net/43dLfce8/1/

Answer 2

[Jimmy Neutron]

Вот тут посмотри. Может поможет

Comments

[Максим]

почти помогло ! только не могу вкрутить себе