From the monthly archives: July 2010
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
-
Meta
