Deadzone Image hex

Deadzone Image hex.markdown

Deadzone Image hex

A Pen by Andrew Gribben on CodePen.

License.

index.html

<div></div>

style.css

div {
	width: 280px;
	height: 280px;
	background: #1e90ff;
	-webkit-clip-path: polygon(10% 0, 90% 0, 100% 10%, 100% 70%, 100% 100%, 10% 100%, 0 90%, 0 10%);
clip-path: polygon(10% 0, 90% 0, 100% 10%, 100% 70%, 100% 100%, 10% 100%, 0 90%, 0 10%);
}

/* Center the demo */
html, body { height: 100%; }
body {
	display: flex;
	justify-content: center;
	align-items: center;
}