Какие свойства вызывают repaint

Repaint (перерисовка) происходит при изменении визуальных свойств элемента, не влияющих на его геометрию (размеры, положение). Например:

color: red;        /* Изменение цвета текста */
background: blue;  /* Изменение фона */
opacity: 0.5;      /* Изменение прозрачности */
visibility: hidden; /* Скрытие элемента */
box-shadow: ...;   /* Тень */
outline: ...;      /* Контур */

Эти свойства не вызывают reflow (пересчёт макета), но заставляют браузер перерисовать элемент. Repaint менее затратен, чем reflow, но при частых изменениях может снижать производительность. Оптимизация: группировать изменения через requestAnimationFrame или избегать анимации таких свойств для сложных элементов.