body 태그의 background-image 속성에 애니메이션 추가: 단계별 가이드

Question

스타일 태그에는 배경 이미지를 사용합니다.

으아아아

페이지에 별도의 div를 추가하지 않고 이미지가 페이드 인되도록 하고 싶습니다. 이 목표를 달성할 수 있습니까?

Answer 1

네, 가능합니다. 당신은 이것을 할 수 있습니다.

으아악 으아악

Answer 2

이것은 CSS 전용 방법입니다. 그러나 주의할 점은 CSS가 이벤트를 기다릴 수 없으므로 전체 사이트가 언제 로드되었는지 알 수 있는 방법이 없다는 것입니다.

대신 이 스니펫에서는 본문의 이전 의사 요소에 있는 배경 이미지를 소개하기 시작하기 전에 1초를 기다립니다.

으아악 으아악