**CSS의 미래 - Interop 2027에서 기대하는 10가지 기능**

- CSS 사용자 정의 함수부터 `height: auto` 애니메이션까지, 브라우저 호환성 개선 프로젝트 Interop 2027의 후보 기능 10가지를 활용 예제와 함께 소개. 최종 선정된 목록은 아니며, 원하는 기능에 투표 가능  
- `[@function](https://t.me/function)`으로 반복 계산을 함수로 재사용하고, `corner-shape`와 `border-shape`로 둥근 사각형을 벗어난 모양을 구성. 잘라내기와 달리 테두리와 외곽선, 그림자도 지정한 형태를 따라감  
- 툴팁이 위에서 아래로 뒤집혔는지, 헤더가 화면 상단에 붙었는지 CSS로 감지하는 컨테이너 쿼리. 툴팁 화살표 방향을 바꾸거나, 스크롤 상태에 따라 헤더와 안내 표시를 꾸미는 데 활용  …

[https://news.hada.io/topic?id=35743](https://news.hada.io/topic?id=35743)