Skip to content

shadowlik/css3-draws

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS3 Draws

Hi, my name is Henrique and I'm addicted to medium.com. One day while I was scrolling trough the frontend section I read a great article how she improved her frontend skills by drawing in CSS How I started drawing CSS Images by Sash

With this exercise I'm trying to accomplish three things:

  • HTML structure that flows according to the draw (Example: Head > Face > Eyes)
  • Use the minimum possible and only CSS3 (I'll try not to use JS)
  • Stick to the most realistc version possible

All the source codes are available here in GitHub, I'm not using Compass or Mixins to make it as simple as possible (I've been told that this confuse new developers), feel free to download it, improve it, complain about it.

Cartman

My first project and don't ask me why, is Cartman from South Park. I'm not happy with the code yet, so I'm going to continue improving it.

JSFiddle Demo

Cartman Demo

Pikachu

Now I'm trying Pikachu, still a work in progress...

JSFiddle Demo

Pikachu Demo

About

Improve Frontend skills by drawing with CSS3 and HTML5

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published