/pure-css-images

Creating images using only CSS code

Primary LanguageCSS

Images created using pure CSS

That's right. 😄 Layering a bunch of HTML elements with the right colors and layering techniques results in amazing images.

This code was written as a completion of the course on CSS images. Original course document on building the koala can be found here.

Using the knowledge gained from the Koala exercise, I built Santa Claus trying to achieve this

You want to use this code?

Fine by me. Follow these steps:

  1. Clone/download the repository
  2. Navigate to the root directory
  3. Right click and open in terminal
  4. Run live-server

This is assuming that you have live-server installed. If not, you can always do a quick npm install -g live-server.

Alternatively, run the code the old fashioned file:///pathToIndexFile way.

Why?

Well, there are a number of reasons:

  1. fun 😉
  2. to gain a deeper understanding of CSS (especially layering) 💪
  3. to pass time
  4. any other reason you want

Result?

Koala from the exercise

Screenshot1

Santa Claus

Screenshot1