정보실

웹학교

정보실

css CSS3 3D 라이브러리 : CSS 카메라

본문

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);
}





페이지 정보

조회 69회 ]  작성일19-09-17 10:07

웹학교