Реально ли сделать такое на css?

Question

[timtimIT]

Здравствуйте.

Подскажите, реально ли на css сделать следующее, нужно чтобы при добавлении картинки с определенным классом (на пример планшет) картинка отображалась в качестве картинки на таком планшете

учитывая разворот, она должна быть адаптивной и кроссбраузерной. Если да, то примерно каким образом.

Answer 1

[Aleksey Chernikov]

Да, придётся поиграться с 3D-трансформациями.
Вот достаточно подробный разбор mockup-слайдера. Здесь хорошо показан пример встраивания картинки в mockup.

Ещё полезные ссылки по теме:
https://habrahabr.ru/post/166751/
franklinta.com/2014/09/08/computing-css-matrix3d-t...

Comments

[timtimIT]

Круто, спасибо!

Answer 2

[Алексей]

Примерно так - html5book.ru/3d-transform

Comments

[timtimIT]

спасибо

[Алексей]

Вот что-то похожее - codepen.io/dudleystorey/pen/yeqMpO

[timtimIT]

Алексей: Большое спасибо!

Answer 3

[zooks]

Лучше сделайте в Photoshop. Лишние трансформации ни к чему.

Comments

[timtimIT]

не в этом случае