강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

세계수님의 프로필 이미지
세계수

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

[Part 02] 비디오 백그라운드를 활용한 랜딩페이지 - 애니메이션 콘텐츠 제작

animation-fill-mode를 사용하지 않아도 되는 이유

작성

·

251

1

애니메이션이 끝나는 상태(keyframe 100%)의 요소의 위치

heading, anniversary 클래스가 각각 margin-left = 0, margin-right = 0일 때와

애니메이션과 관계없이 원래 요소의 배치가 동일하기 때문인 것 같습니다.

퀴즈

비디오를 전체 화면 배경으로 사용하고 다른 콘텐츠가 그 위에 보이도록 배치할 때, 비디오 요소에 주로 적용하는 CSS 속성은 무엇일까요?

display: none;

position: fixed; z-index: -1;

float: left;

margin: auto;

답변 1

0

아.. 그렇군요. 좋은 팁 감사합니다~

세계수님의 프로필 이미지
세계수

작성한 질문수

질문하기