Skip to content

Instantly share code, notes, and snippets.

@ryelle
Created June 5, 2012 17:42
Show Gist options
  • Select an option

  • Save ryelle/2876493 to your computer and use it in GitHub Desktop.

Select an option

Save ryelle/2876493 to your computer and use it in GitHub Desktop.
Cross-Browser Image Rotation
.photo {
position: absolute;
right: 30px;
top: 50px;
}
.photo img {
padding: 10px;
background-color: white;
.box-shadow(2px 2px 4px rgba(0,0,0,.3));
.rotate(3deg);
-webkit-backface-visibility: hidden;
}
.lt-ie9 .photo {
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.998629535, M12=-0.0523359562, M21=0.0523359562, M22=0.998629535, SizingMethod="auto expand");
background: white;
border-top: 2px solid @bg;
border-left: 2px solid @bg;
border-right: 1px solid @shadow;
border-bottom: 2px solid @shadow;
padding: 10px 10px 15px;
top: 30px;
right: 15px;
display: block;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment