Maths Art

The App Encouraging Kids To Try Science, Technology, Engineering, Art & Maths







Create your own tessellated background from any image using html & CSS

Create a new file and type the following code into notepad++

Create a new folder in your documents

Name the folder 'Tessellate!'. Open the folder and save an image into it.

Open the Tessellate! folder in notepad++

Save the code as index.html

Create another new file and type the following code into notepad++ again. Change where it says 'myimage.png' to the name of your image

Save the code as styles.css in the 'Tesselate!' Folder

Type line 4 above into your index.html file

Click Run-> Launch in Chrome (or your prefered browser) to view your cool tesselated background. (above is a sample)



Created, Designed & Coded by