목록keyframes (1)

도라에몽주머니

[CSS3] HTML/CSS 15일차

✔ Preview viewport, @keyframes, 미디어쿼리(반응형) 정리 ✍ Summary 반응형 웹 (Responsive Web) : 하나의 웹사이트로 PC, 태블릿, 스마트폰 등 다양한 디스플레이 기기에 맞추어 화면의 크기가 자동으로 변화하도록 만든 웹페이지이다. Viewport : 웹페이지가 사용자에게 보여지는 영역이다. PC를 기준으로 작성된 웹페이지를 모바일에서 열게 되면 웹사이트의 글자들이 매우 작게 보이게 되는 문제가 생기는데 viewport는 이를 조절할 수 있도록 한다. 모바일기기에서 렌더링되는 영역과 뷰포트의 크기, 줌 레벨 등을 조절할 수 있다. @Keyframes : 애니메이션의 중간중간의 특정 지점을 선택해 키프레임을 설정함으로써 세밀하게 애니메이션을 제어할 수 있도록 하..
Study/Web 2022. 8. 29. 17:19
이전 Prev 1 Next 다음