Как это сверстать?

[ya_verstaka]

Салют! Уважаемые форумчане, столкнулся с небольшой проблемкой в верстке, уже 3-й час танцую с бубном, никак... Поможите?  В общем в макете попался блок в виде стопки листов, вот смотрите . Конечто можно это сделать на картинках  с before и after , но заказчик хочет, чтобы размеры этого блока в высоту изменялась в зависимости от контента. Кто-то сталкивался с такой штукой? Помогите как такое сверстать?

[Sergik+]

Салют! Уважаемые форумчане, столкнулся с небольшой проблемкой в верстке, уже 3-й час танцую с бубном, никак... Поможите?  В общем в макете попался блок в виде стопки листов, вот смотрите . Конечто можно это сделать на картинках  с before и after , но заказчик хочет, чтобы размеры этого блока в высоту изменялась в зависимости от контента. Кто-то сталкивался с такой штукой? Помогите как такое сверстать?

Поворачивайте transform-ом, смотрите в сторону css анимации.

[ya_verstaka]

Поворачивайте transform-ом

 Может примерчик есть какой чтобы глянуть?

Edited October 31, 2014 by ya_verstaka

[Sergik+]

http://htmlbook.ru/css/transform

[Galaxy]

http://jsfiddle.net/9qbhnnjj/1/ сделал на скорую руку, но суть думаю ясна(чтоб скрыть ненужный угол, поиграйтесь с вложенностью).

[ya_verstaka]

http://jsfiddle.net/9qbhnnjj/1/ сделал на скорую руку, но суть думаю ясна(чтоб скрыть ненужный угол, поиграйтесь с вложенностью).

Спасибо огромное! Теперь понял где я косячил.

[swandev]

так лучше

http://jsbin.com/soxagefoma/1/edit?html,css,output

[ya_verstaka]

так лучше

http://jsbin.com/soxagefoma/1/edit?html,css,output

Вообще круть, спб.