CSS3 3D 변환으로 웹 페이지에 깊이를 더하십시오.

https://woodneck.github.io/css-camera/ 

https://github.com/WoodNeck/css-camera 

• 장면에 맞는 움직일 수 있고 회전 가능한 카메라.
• 장면의 회전 또는 이동 여부에 관계없이 장면의 모든 요소 앞으로 이동할 수 있습니다.

npm i css-camera
# or
yarn add css-camera

// Prerequisite:
// Create your scene as you like
const card = document.querySelector("#card");
const cardButton = document.querySelector("#card-button");

// First, make camera
const camera = new CSSCamera("#space");

// Call its method, then update it!
cardButton.onclick = () => {
  camera.focus(card);
  camera.update(2000);
}