<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Webpack Sample Project</title>
</head>
<style>
#div {
width: 300px;
height: 150px;
background: linear-gradient(225deg, transparent 32px, pink 0);
position: relative;
border-radius: 0.5em;
}
#div::after {
content: "";
position: absolute;
right: 0px;
top: 0px;
background: linear-gradient(-135deg, transparent 50%, pink 0);
width: 45px;
height: 45px;
border-bottom-left-radius: 4px;
box-shadow: -0.2em 0.2em 0.2em #7a3a44;
}
</style>
<body>
<div id="div"></div>
</body>
效果图