3 New & Nifty CSS Things: :has, Container Queries, and Animated CSS Grid
Wes Bos · 5:03 · Watch on YouTube
비디오는 하나의 작은 대화형 UI를 만들어 세 가지 더 새로운 CSS 기능을 함께 작동하는 방식을 보여줍니다: 애니메이션 CSS 그리드 트랙, :has() 부모 선택자 (:not()와 결합), 그리고 컨테이너 쿼리와 컨테이너 상대 단위. 그리드 타일에 마우스를 올리면 그것이 커지고, 텍스트는 타일의 새로운 크기로 확대되며, 다른 타일들은 루미너시티 혼합 모드로 사라집니다. 이 모든 것이...