Check This out Android created using Pure CSS, optimized for Chrome and FF
Click on the image to see it!

Selectors are patterns that match against elements in a tree, and as such form one of several technologies that can be used to select nodes in an XML document. Selectors have been optimized for use with HTML and XML, and are designed to be usable in performance-critical code.
Selectors define the following function:

expression [...]

A media query is a logical expression that is either true or false. A media query is true if the media type of the media query matches the media type of the device where the user agent is running.

<link href="CSS/phone.css" rel="stylesheet" type="text/css" media="all and (min-width: 0px) and (max-width: 350px)" >
[...]

Works well on Webkit(Chrome and Safari).
you can View the source code by clicking on Demo image above. Here is the CSS which does the sliding trick-

.facts:target{
opacity:1;
padding-left:10px;
;}

.facts{
opacity:0;
-webkit-transition-property:padding,opacity;
-webkit-transition-duration:0.5s,0.5s;
-webkit-transition-timing-function:ease,ease;
float:left;
padding-left:270px;