Get your own website Result Size: 625 x 565
x
 
<!DOCTYPE html>
<html>
<head>
<style>
#myDIV { 
  width:300px;
  height:300px;
  background-color: beige;
}
#blueDIV {
  float: left;
  width: 150px;
  height: 100px;
  background-color: lightblue;
  clip-path: inset(15px);  
}
#pinkDIV {
  float: left;
  width: 150px;
  height: 100px;
  background-color: pink;
  clip-path: inset(5% 10% 15% 10% round 20px);  
}
</style>
</head>
<body>
<h1>The inset() Function</h1>
<div id="myDIV">
  <div id="blueDIV">This is some text in a blue div element.</div>
  <div id="pinkDIV">This is some text in a pink div element.</div>
</div>
</body>
</html>