Что такое отражение изображения (CSS image reflection)?

Question

Accepted Answer

## О чём речь
**CSS reflection** — визуальный эффект «зеркала» под (или рядом с) элементом. В стандарте нет универсального `reflect`; исторически это нестандартное `-webkit-box-reflect`, плюс имитации через `transform` / маски / дублирование.

## Практика

```css
.hero {
  -webkit-box-reflect: below 4px linear-gradient(transparent, rgba(255, 255, 255, 0.4));
}
```

`-webkit-box-reflect` работает в Chromium/Safari, в Firefox — нет. Кроссбраузерно чаще: второй слой с `scaleY(-1)`, `opacity`/`mask-image` и `pointer-events: none`.

## Итог
Рефлексия — декоративный эффект; для production обычно не полагаются на `-webkit-box-reflect`, а делают совместимую имитацию или отказываются от эффекта в неподдерживаемых браузерах.