.coolbg { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('https://unsplash.it/1200/900?random') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .isomatrix { position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotate(-30deg) skew(30deg) }