CodePen Embed - clip-path example calc

<div class="example"></div>

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
 display: flex;
  align-items: center;
}

.example {
  background-color: #000;
  width: 90%;
  height: 80px;
  clip-path: polygon(25px 0, 100% 0%, calc(100% - 25px) 100%, 0% 100%);
}

This Pen is owned by L2Banners on CodePen.

See more by @L2Banners on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.