Fork
0
Fav
10
View
7536
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 41 lines
  • HTML 25 lines
  • CSS 46 lines

CSS3: 3次元空間に立方体をつくって回す ー transformプロパティ
CSS3の transform プロパティは、要素に回転・伸縮・傾斜・移動などの座標変換を加えます。さらに、transform-style プロパティも合わせて用いれば、要素が3次元空間で変換できます。


Based on the experiment in the article, "Creating an animated 3D CSS cube using 3D transforms", the JavaScript code is refined. To rotate the cube, press the arrow keys with the keyboard.

  • CSS3: Rotating a cube with the transform property
  • CSS3: Rotating a cube with the transform property

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by