Клацніть десь на екрані чи натисніть будь-яку клавішу, щоб перемкнути <div> між прихованістю та показом.

Це елемент <div>, що переходить між display: none; opacity: 0 та display: block; opacity: 1. Цікаво, чи не так?

Це інший абзац, потрібний для того, щоб показати, що display: none; застосовується й вилучається до <div> вище. Якби змінювалася лише його opacity, він завжди займав би місце в DOM.