Home › Forums › CSS › Need Diamond Shaped Image with tight margins › Reply To: Need Diamond Shaped Image with tight margins
March 20, 2014 at 9:25 am
#166359
Participant
<a href="test"><div id="diamond"></div></a>
#diamond {
width: 418px;
height: 418px;
background:url(images/test.png) no-repeat;
/* Rotate <em>/
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/</em> Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}