Точки в углах у рамки с градиентом могут появляться из-за того, что градиент не может плавно переходить из одного цвета в другой в угловых точках. Это связано с тем, что градиент должен быть применен к углам, которые имеют фиксированное положение и размер, и при этом возникает проблема интерполяции цветов в таких точках.
Когда используется свойство border-image в CSS для применения градиента к рамке, браузер может не справляться с корректным отображением градиента в углах, что приводит к появлению точек. При использовании обычных border-color, внешний контур рамки просто заполняется одним цветом, что не вызывает таких проблем.
Чтобы избежать появления точек в углах при использовании градиента с рамкой, можно попробовать использовать другие методы стилизации, такие как фоновые изображения или добавление дополнительных элементов для создания эффекта градиента.