Skip to content

Kevin-Kip/pure-css-images

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Creating images using only CSS code

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published