Откуда появляются черточки по углам, при наведении курсора?

Question

[Станислав Пономарев]

https://codepen.io/chembyrleno/pen/JjdWLLz?editors=1100

Answer 1

[an_tropa]

Смотрите, применение оверлея происходит внутри объекта. Бекграунду бордер - радиус задается с внешней границы, для оверлея внешней границей являются границы бэкграунда (их границы находятся в одной точке, но применение бордер-радиуса происходит по разным сторонам, у картинки снаружи, у оверлея внутри), в итоге получаем потерю в радиусе на 1 пикс.
Для решения - задайте бэкграунду бордер-радиус на один больше чем оверлею.
В вашем случае:
.video__item-bg {
border-radius: 6px;
}

Comments

[Станислав Пономарев]

Спасибо огромное) Только там чуток выходит черный угол, это не критично)

[an_tropa]

Станислав Пономарев, обращайтесь) если помог отметьте решением - поможет другим