Когда использовать префиксы в css?

Префиксы нужны в том случае, если какое-то CSS-свойство реализовано движком браузера в экспериментальном режиме.

Обычно между появлением в движке свойства с префиксом и моментом, когда это свойство в этом движке можно использовать уже без префиксов, бывает выпущено несколько версий движка.

Потому, если ты делаешь современную CSS3-вёрстку и рассчитываешь на большую аудиторию (включающую и устаревшие браузеры), то префиксы использовать придётся. Но не обязательно их расставлять вручную - для этого есть специальные утилиты: набери в google autoprefixer.

В идеале - не использовать. Но то в идеале
По факту используются в тех свойствах, которые плохо поддерживаются браузерами (браузеры, в которых свойства поддерживаются без префиксов, не успели безнадёжно устареть)

использовать перфиксы желательно использовать только в
крайних случаях -- лучше web стандарт без префиксов
Прикиньте данные префиксы изменят или удалят по какой то
причине и код с перфиксами перестанет и вы как идиот побежите
исправлять свои веб станицы написанные с префиксами

-moz- -o- -webkit-

в кроссбраузерной верстке к стилям приписываются префексы браузеов
-moz-
-o-
-webkit-

вообще сейчас можеш не переживать за кроссбраузерность современные браузеры все одинакого поддерживают, осталось только дождаться когда все перейдут на них)

https://webref.ru/css пролистай донизу
ну что непонятного? Если выпустили какое-то новое свойство, браузеры не успели его ещё разжевать, и каждый показывает результат по-разному, поэтому для всех надо указывать префиксы