Что такое repaint и когда он происходит?

Question

Accepted Answer

## Перерисовка пикселей

**Repaint (repaint/paint)** — обновление визуала без изменения геометрии: цвет, фон, видимость, тени (когда layout не менялся).

```css
.el:hover {
  color: #c00;           /* paint */
  background: #fff7f7; /* paint */
}
```

## Связь с reflow

Reflow почти всегда тянет за собой paint. Обратное неверно: можно paint без layout.

## Оптимизация

Продвигать анимации на композит-слой (`transform`, `opacity`), уменьшать площадь dirty regions, не анимировать «дорогие» свойства без нужды.