How to remove border from clip-path?

Question

css

I use clip-path, but a strange line appears, I don’t know what it can give and how can I remove it?

Tried to change anyway it is


https://codepen.io/constantin-andreevich/pen/BaoYExj

-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 25%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 25%);

Answer 1

This is a display bug in chrome, you can solve it by dancing with block sizes, for example:

.block2 { 
  margin-top: -1px;
  border-top: 1px solid black;
}

P.S. my line appeared only during window resizing