Create a 3D Cube with CSS3 and HTML5

Hello Students,

Your next task is to take your CSS and HTML skills to the next level by creating a rotating 3D cube.

a 3D cube created with CSS (although this one is actually a GIF, but the source was all code... HONEST!!!)

3D, it's like two dimensions plus one!:
Since the dawn of computers we have been trapped in a 2 dimensional world of drab boring flatness. No more my digital bretheren! To me pixel warriors! Use CSS3 and HTML to create outstanding dimensional modifications to your content! Your assignment is to follow the linked tutorial to create a 3D cube, use your own creativity to modify and make your cube unique! The link below will show you a tutorial to make a 3D cube, but it is not the only tutorial online to complete this task, try searching for other tutorials if you like and try them out.

Link: Create an impressive 3D cube

Cube Assignment: "Aut inveniam viam aut faciam"

• When your CSS gallery is complete, create this 3D cube to sit at the top of your gallery page
• Follow the tutorial carefully, read the entire tutorial and don't skip a single sentence or step. If you hit a snag, research, re-read, ask, experiment!
• Research and consult with classmates when you encounter difficulties... this is important, success may be out of grasp without the help of our comrades. You will have to rely on each other to complete this assignment.

Have fun!

- Mr.W