CodePen Embed - clip-path:inset


<div class="item"></div>

.item {
  width: 200px;
  height: 200px;
  background: #000;
  clip-path: inset(0);
  &:hover {
    clip-path: inset(10px 20px 30px 10px  round 30px)
  }
}

View Compiled

This Pen is owned by 小小舒 on CodePen.

See more by @shuliqi on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.