day-and-night animation

SVG Plus CSS3 – Day and Night Animation

Now this one is brilliant piece of SVG and CSS3 Simple Day-Night Animation make by  Lucas Perdidão. So this is a SVG animation which change into night from day when you hover and sun goes...

size and texture

Size and Texture

Size is the quality of primary visual elements, which we just went over—line and shape. All elements have a definitive size, which is its measurable form. Scale is the difference between 2 objects or...


Expanding List

Today I am gonna share with you my absolute favorite expanding list build in html, css and with JavaScript.  Inspired by neato website use base64  images there. Tried that brightening color fix (using opacity) on...

Quotes on Web Design March 2014

If You think its expensive to hire a professional to do the job, wait until you hire an amateur. -Red Adair Good buildings come from good people, ad all problems are solved by...

css3 page flip effect

Pure CSS3 Page Flip Effect

Pure CSS3 Page Flip Effect by Roman Cortes. This code snippet create awesome page flip effect which is only made by html and css3. Roman Cortes make this pure CSS3— without Javascript — page...


Pure CSS Mason Jars

A wonderful Pure CSS Mason Jars Shape created by pure CSS & HTML. Here is the code: HTML


  You can find this mason jar border code also in