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

Це елемент <div>, що анімується між display: none; opacity: 0 та display: block; opacity: 1. Цікаво, чи не так?

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