Thursday, February 16, 2012

Super Cool CSS Flip Effect with Webkit Animation

Super Cool CSS Flip Effect with Webkit Animation: ".megatron {
float: left; position: absolute; top: 30px; left: 20px;
}
.megatron .front {

}
.megatron .back {
width: 284px; height: 372px; padding: 20px;
background: #a3a3a3 url(texture.png);
}
.megatron .back h2 {
width: 287px; height: 42px; margin: 0 auto 20px auto;
background: url(megatron-title.png); text-indent: -9999px;
}
.megatron img {
float: right;
}
.megatron p {
float: left; width: 185px; margin: 0 0 20px 0;
font-size: 17px; line-height: 28px; color: #4c4c4c;
}"

'via Blog this'