JSFiddle - React, Tailwind, and code Playground

by Victor Shcherbakov

HTML

<div></div>

CSS

div {
	width: 280px;
	height: 280px;
	background: linear-gradient(45deg, #EECFBA, #C5DDE8);
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  opacity: 0.8;
}