CSS 시각 효과
마스크, 스크롤바, 안전 영역 등 CSS 시각 효과
시각적 표현을 다루는 CSS 속성들을 학습합니다. 마스크 합성, 스크롤바 스타일링, 줄바꿈 요소 처리, 모바일 안전 영역 등을 다룹니다.
-
box-decoration-break - 잘린 요소를 아름답게 만드는 법
여러 줄로 나뉜 인라인 요소의 배경과 테두리가 어색하게 잘리는 문제를 해결합니다. box-decoration-break: clone으로 각 줄을 독립적인 박스처럼 스타일링하는 방법을 알아봅니다.
-
CSS Mask Composite
-
CSS Safe Area Insets
노치, 둥근 모서리, 홈 인디케이터를 피하는 법. iPhone X부터 필수가 된 safe-area-inset으로 모든 기기에서 완벽한 레이아웃 만들기. env() 변수 완전 가이드.
-
CSS 커스텀 스크롤바 스타일링 완벽 가이드
브라우저별 커스텀 스크롤바 스타일링 방법과 모바일 반응형 디자인 적용 가이드