HTML and CSS Reference
In-Depth Information
Figure 16-4.
3D spinning square
Look at that, a spinning square! You should be able to create just about any flat shape now. You might find
it easier to create shapes by first plotting the points out on a grid before you translate the positions to code
(as shown in Figure 16-5).
-150, -250
150, -250
0
1
2
3
-50, -150
150, -150
-50, -50
50, -50
4
5
0, 0
7
6
50, 50
-50, 50
-50, 150
150, 150
8
9
11
10
-150, 250
150, 250
Figure 16-5.
Using a grid to plot out the points for the letter E
Using this sketch as a reference, create the points like so:
