<div class="container">
<div class="box">
This is some content.
</div>
<div class="box clipped">
This is some content.
</div>
</div>
/* Copyright 2018 Google LLC.
SPDX-License-Identifier: Apache-2.0 */
/* CSS files add styling rules to your content */
body {
font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
margin: 2em;
}
.container {
}
.box {
background-color: #EEE5E9;
padding: 20px;
border: 20px solid #CF5C36;
width: 200px;
height: 100px;
display: inline-block;
}
.clipped {
clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}