Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Need Diamond Shaped Image with tight margins Reply To: Need Diamond Shaped Image with tight margins

#166359
hitokage
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%;
}