CSS Rotation Transform in Webkit

Language: CSS

/* Nice little effect (webkit-only) from butterlabel.com */

#box {
  -webkit-box-shadow: 20px 20px 8px rgba(0,0,0,0.2);  
  -webkit-transform: rotate(-2deg);
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}

#box:hover {
  -webkit-transform: rotate(0deg);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
Reveal More
Added about 2 years ago by Atclub_256_normal scottymac