.diamond{ margin-top: 100px; } .diamond ul{ margin-top: -37px; text-align: center; } .diamond ul li{ display: inline-block; margin-left: 72px; width: 150px; height: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); border: 1px solid #ccc; /*overflow: hidden;*/ } .diamond ul li img{ width: 70%; height: 70%; margin-top: 15%; transition: all ease .3s; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); } .diamond ul li img:hover{ opacity: .5; } .diamond>ul:nth-child(2n){ margin-left: -115px; margin-right: -115px; }