.hendecagon-container{position:relative;width:200px;height:200px}.hendecagon{position:absolute;width:100%;height:100%;-webkit-clip-path:polygon(50% 0,77.05% 8%,95.45% 29.2%,99.5% 57.15%,87.85% 82.6%,64.2% 97.95%,35.8% 97.95%,12.15% 82.6%,.5% 57.15%,4.55% 29.2%,22.95% 8%);clip-path:polygon(50% 0,77.05% 8%,95.45% 29.2%,99.5% 57.15%,87.85% 82.6%,64.2% 97.95%,35.8% 97.95%,12.15% 82.6%,.5% 57.15%,4.55% 29.2%,22.95% 8%)}.hendecagon-blue{background-color:#0000ff}.hendecagon-white{background-color:#ffffff;width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px}