[[[[[[[[[[[[CODE SNIPPETS]]]]]]]]]]]]]]



img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
} 


.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }




.clearfix:after {
   content: "."; /* http://www.w3schools.com/cssref/pr_gen_content.asp */
   visibility: hidden; 
   display: block; 
   height: 0;
   clear: both;
}


box-shadow: 10px 10px 5px #888888;


.scale { -webkit-transition: all .2s ease-in-out; }
.scale:hover { -webkit-transform: scale(1.1); }