css Smiley  – Editable Example

css3 Buttons - Editable Example

Hello CSS lovers , today i will be sharing an editable example of  a smiley face made using only pure CSS and no images at all.

I stumbled upon this cool css example somewhere on my internet explorations.

Css smiley image

css Smiley - Editable Example


This is an image of a smiley above, and below is the same smiley made with css only.

css Smiley – Editable Example

 Smiley face example below is hosted on codepen,  feel free to play with it.

Check out this Pen!

Using only css to create images is cool, right?

You can copy/paste the code and include it in your own websites.

original idea by  c.bavota  go check him out, he knows things 😀

If you like this css example say thanks by sharing it on your favorite networks.

Nikola Petrovic
Get in Touch

Nikola Petrovic

Hi there. My name is Nikola,
I speak English, Greek and Serbian.
As a Web Producer i can deal with almost anything web design & development related.
As a freelancer, I charge only a small portion of the money you would pay to agencies to create your website. Affordable web design doesn’t mean that it will lack any of the advanced features of today’s web technology. We just cut out the cost of the middle man.
Feel free to request a free quote using the form on the right or the one bellow.
Nikola Petrovic
Get in Touch