Объедините трансформацию и реалистичное отражение, чтобы создать трехмерное изображение - PullRequest
0 голосов
/ 30 октября 2019

Я пытаюсь создать реалистичное трехмерное изображение стоящей карты, используя HTML и CSS. До сих пор я нашел свойства CSS3 transform и perspective, которые позволяют имитировать «постоянную карту» на одной странице.

.front {
  -webkit-transform: perspective( 600 ) rotateX( 10deg ) rotateY(-15deg);
}

Мне также хотелось бы реалистичное отражение, что означает, что отражение должно иметь небольшое преобразование (переднее изображение справа и заднее изображение слева).

Возможно ли этоиспользуя CSS?

3D example

...