Я пытаюсь создать реалистичное трехмерное изображение стоящей карты, используя HTML и CSS. До сих пор я нашел свойства CSS3 transform
и perspective
, которые позволяют имитировать «постоянную карту» на одной странице.
.front {
-webkit-transform: perspective( 600 ) rotateX( 10deg ) rotateY(-15deg);
}
Мне также хотелось бы реалистичное отражение, что означает, что отражение должно иметь небольшое преобразование (переднее изображение справа и заднее изображение слева).
Возможно ли этоиспользуя CSS?
![3D example](https://i.stack.imgur.com/Gairt.jpg)