.bigimage { transform: skew(-20deg); color: white; padding: 2em; height: 50vh; width: 100%; text-align: center; } /*My kingdom for a 'backdrop-filter'!*/ img.background { color: black; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: -1; -webkit-filter: blur(2px); filter: blur(2px); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .bigimage:hover img { -webkit-filter: blur(0); filter: blur(0); } a.button { transform: skew(20deg); color: white; touch-callout: none; user-select: none; display: inline-block; border: .2em solid; position: relative; cursor: pointer; overflow: hidden; padding: 0.5em; background: rgba(255, 255, 255, 0.3); }