New Perspectives on HTML5 and CSS3, 8th Edition
Tutorial 4

3D View

Use the web form controls below to view the impact of changing the angle of rotation and setting the perspective size on the appearance of a pseudo 3D cube.

CSS 3D View

Rotate x-axis -360deg 360deg
Rotate y-axis -360deg 360deg
Rotate z-axis -360deg 360deg

Display Axis Labels
Display Axes
Display Box
Transparent Box
Display Figure

Set Perspective 300px 1500px

z–

x–

y–

Carey, P. New Perspectives on HTML5 and CSS3, 8th Edition, Cengage Learning: Boston, 2019.