Разница между :indeterminate и opacity в CSS для чекбоксов заключается в их назначении:

1. :indeterminate — это псевдокласс, который отражает неопределённое состояние чекбокса, радиокнопки или прогресс-бара. 1 Он используется для стилизации элементов в их исходном состоянии — при открытии формы или начале загрузки, а также для показа пользователю незавершённости процесса выбора или загрузки. 1 Для чекбоксов состояние indeterminate не получится присвоить напрямую в HTML, его можно задать только через JavaScript. 1
2. Opacity — это свойство, которое устанавливает прозрачность элемента, в том числе чекбокса. 13 Например, с помощью него можно настроить непрозрачность чекбокса в определённом состоянии, например, когда он определён псевдоклассом :indeterminate. 1