Matt Sharp
Toy Story Jigsaw Puzzle Click here to view

I created this Toy Story jigsaw puzzle to give me experience in creating a web page using HTML5 and CSS3

The user has to click and drag the pieces of the puzzle to form the Toy Story image, if needed the user can click the 'Show Preview' button to see the overall image


The jigsaw puzzle functionality itself is taken from a tutorial on CodeProject, however the page utilises several HTML5 and CSS3 features such as the canvas element, HTML5 audio, and CSS3 shadows and rounded borders

The web page was hand-coded by myself and I created the Toy Story image in Adobe Illustrator