Image reflection with HTML5 and LESS/CSS

HTML Code 

 

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

<style>

#theReflection {
background: url(‘https://d4dilip.files.wordpress.com/2013/06/idea1.jpg&#8217;) 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;
}

</style>
</head>
<div id=”theReflection”>

</div>

 

 

 

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  .

image

 

 

Object Writer :

image

 

Output:

image

 

 

Hope this will help someone. You can also down load code files from here :

https://skydrive.live.com/embed?cid=1F188D9EA75A6E2B&amp;resid=1F188D9EA75A6E2B%21416&amp;authkey=ALKQRzGPEmFUYkc