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)" >
[...]
Wow CSS3 animation property is great…you can really create great animation with this…Too bad Webkit is the only one supporting it for now. so Chrome and Safari are the browsers on which it will work. Click on the image to see the demo…
PS: Vendor-prefixed CSS Property Overview
is @ [...]
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;
-
Categories
-
Calendar
February 2012 M T W T F S S « Mar 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 -
Meta
