Image reflection with HTML5 and LESS/CSS

HTML Code 


<!DOCTYPE html>
<title>Fiddle Salad Debug View</title>


#theReflection {
background: url(‘;) no-repeat;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.2)));
/* just set the length and opacity of the reflection. */

width: 350px;
height: 100px;
border: 1px solid black;
margin: 0 auto;

<div id=”theReflection”>





Object writer utility

I generally try to make my application/code  to be run from Command line. There  its nice to print the object value also. (From test case you see pass or fail Sad smile  only )


So here is my utility here and you are free to enhance it. I have create a Object Writer util for print my object  .




Object Writer :







Hope this will help someone. You can also down load code files from here :;resid=1F188D9EA75A6E2B%21416&amp;authkey=ALKQRzGPEmFUYkc