Чтобы отразить элемент по горизонтали с помощью CSS, используйте свойство «transform» и значение «scaleX(-1)». Это значение изменяет масштаб элемента по вертикали, отражая его вдоль горизонтальной оси.

Вот пример:

.flip {
  transform: scaleX(-1);
}

В этом примере классу «flip» присваивается стиль, в котором применяется свойство «transform» и значение «scaleX(-1)». Это отразит элемент на странице по горизонтали.

Если вы хотите отразить элемент только при наведении курсора мыши, то вы можете использовать псевдокласс «:hover». Например:

.flip:hover {
  transform: scaleX(-1);
}

Этот код добавляет эффект отражения только при наведении курсора мыши на элемент с классом «flip».