CSS의 미래 - Interop 2027에서 기대하는 10가지 기능 - CSS 사용자 정의 함수부터 `height…

@GeekNewsHada

GeekNews 공식 텔레그램 채널입니다. GeekNews 에 올라오는 주요 뉴스를 자동으로 전송합니다. 더 많은 뉴스를 위해서는 긱뉴스를 방문해 주세요. https://news.hada.io 긱뉴스 위클리 뉴스레터를 구독하시면 매주 월요일 아침에 이메일로 주요 뉴스를 받아보실수 있습니다. https://news.hada.io/weekly

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

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

https://news.hada.io/topic?id=35743

CSS의 미래 - Interop 2027에서 기대하는 10가지 기능 - CSS 사용자 정의 함수부터 `height: auto` 애니메이션까지, 브라우저 호환성 개선 프로젝트 Int

GeekNews