SCSS

HTML

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

SCSS

.wrapper {
  display: flex;
  flex-direction: column;
  width: 100px;
  height: 300px;
  margin: 5px;
  border: 1px solid black;
  
  .item {
    position: relative;
    height: 100px;
    clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      0 100%
    );
    transition: all .3s ease;
    
    &:first-of-type {
      background-color: red;
    }
    
    &:nth-of-type(2) {
      background-color: blue;
    }
    
    &:last-of-type {
      background-color: green;
    }
    
    &:hover {
      z-index: 1;
      transform: scale(1.3);
      clip-path: polygon(
        0 0,
        100% 10px,
        98% 98%,
        10px 95%
      );
    }
  }
 }