Chrome팀은 커뮤니티의 우려사항에 응답합니다.

Android용 Chrome은 Chrome 135부터 전체 화면 모드를 지원합니다.

전체 화면 웹 환경 빌드

스크롤 기반 및 스크롤 트리거 애니메이션이 스토리텔링 기사를 개선하는 방법을 알아보세요.

이제 커스텀 속성을 포함한 모든 CSS 속성에 attr()를 사용할 수 있으며, 값을 문자열이 아닌 데이터 유형으로 파싱할 수 있습니다.

Chrome DevRel팀과 스케이트보드를 타는 Chrome Dino와 함께 2024년에 Chrome 및 웹 플랫폼용으로 출시된 최신 CSS를 살펴보세요.

Chrome 131이 출시됩니다. 세부정보 요소에 대한 CSS 스타일 지정, 페이지 여백 상자를 사용한 더 간편한 인쇄 레이아웃 등 다양한 기능이 추가되었습니다.

이제 새로운 ::details-content 가상 요소를 사용하여 디스플레이 유형을 설정하고 펼치고 접을 수 있는 부분의 컨테이너 스타일을 지정할 수 있습니다.

단일 페이지 애플리케이션에서 사용할 동일 문서 보기 전환을 시작합니다.

`interpolate-size` 및 `calc-size()`를 사용하여 고유 크기 조정 키워드와 애니메이션 처리

두 가지 새로운 JavaScript 이벤트인 스크롤SnapChange와 ScrollSnap Changes가 도입되었습니다.

점점 더 많은 사람들이 View Transition API를 살펴보기 시작하면서 몇 가지 오해를 바로잡을 때입니다.

Google I/O 2024에서 발표된 CSS 및 웹 UI 관련 공지사항을 모두 읽어보세요.

MPA를 위한 문서 간 뷰 전환, 활성 유형을 사용한 선택적 뷰 전환, 뷰 전환 클래스를 사용한 애니메이션 스타일 공유를 발표합니다.

뷰 전환, 스크롤 기반 애니메이션, Popover API 등 최신 CSS 및 UI 기능을 구현하여 전자상거래 사이트가 어떤 이점을 얻을 수 있는지 알아보세요.

스크롤 기반 애니메이션에 대해 자세히 알아볼 수 있는 10부작 동영상 과정

View Transition API를 사용하면 웹사이트 뷰 간에 전환을 추가할 수 있습니다.

다중 페이지 애플리케이션 (MPA)에서 사용할 문서 간 보기 전환을 시작하세요.

Chrome 122부터 `::backdrop` 요소는 원래 요소에서 속성을 상속합니다.

`scrollbar-width` 및 `scrollbar-color` 속성을 사용하여 스크롤바의 스타일을 지정합니다.

`이름` 이 같은 여러 `` 요소로 전용 아코디언을 만듭니다.

2023년은 CSS에게 엄청난 한 해였습니다. 올해 Chrome 및 웹 플랫폼 전반에 걸쳐 무엇이 도입되었는지 알아보세요.

@scope를 사용하여 DOM의 제한된 하위 트리 내에서만 요소를 선택하는 방법을 알아보세요.

점 사이에 선형으로 보간되는 CSS의 이징 함수인 linear()를 도입하여 바운스 및 스프링 효과를 다시 만들 수 있습니다.

Google I/O 2023에서 놓쳐서는 안 될 주요 CSS 및 UI 기능 20가지를 소개합니다.

스크롤 타임라인 및 뷰 타임라인을 사용하여 선언적 방식으로 스크롤 기반 애니메이션을 만드는 방법을 알아보세요.

즐겨 사용하는 CSS 전처리기 기능 중 하나인 중첩 스타일 규칙이 이제 이 언어에 내장되어 있습니다.

CSS Working Group은 CSS의 중첩을 정의하는 최선의 방법을 두고 논쟁을 계속하고 있습니다. CSS 작성자라면 도움이 필요합니다.

Chrome 108의 표시 영역 크기 조절 동작에 적용되는 변경사항, Chrome이 이렇게 변경하는 이유, 사용자가 대비할 수 있는 작업을 알아봅니다.

Chrome 106이 출시 중입니다. 숫자 형식을 지정할 때 더 세밀하게 제어할 수 있는 새로운 Intl API를 추가했습니다. 새로운 팝업 API의 오리진 트라이얼이 있어 사용자에게 중요한 콘텐츠를 쉽게 표시할 수 있습니다. CSS 몇 가지 사항이 개선되었습니다. 이외에도 다양한 기능이 있습니다.

번들러, 프레임워크, 서드 파티 코드로 작업할 때 디버깅 및 프로파일링 환경을 개선하는 Chrome DevTools의 최신 변경사항을 살펴보세요.

Chrome DevTools와 Angular팀은 Angular를 테스트 파일럿으로 사용하여 더 나은 디버깅 환경을 제공하기 위해 협력했습니다. 다른 프레임워크에도 유사한 변경사항을 제공할 수 있습니다.

"캐스케이드 레이어는 코드의 단계적 우선순위를 관리하는 데 도움이 되는 새로운 CSS API로, 곧 모든 최신 브라우저에 적용됩니다."

Chrome 89가 출시됩니다. WebHID, WebNFC 및 Web Serial은 오리진 트라이얼을 마치고 이제 정식 버전으로 제공됩니다. Google에서는 일부 개발자가 PWA 설치 가능 여부를 확인하는 데 사용했던 허점을 닫고 있습니다. 웹 공유 및 웹 공유 타겟이 데스크톱에 출시됩니다. 이 외에도 다양한 기능이 있습니다.

Chrome 130 is rolling out now! Document picture in picture gives you more control over picture in picture windows, CSS Nested declarations fix some tricky edge cases, and you can specify how decorations on elements split across multiple lines behave. Pete LePage has all the details about what's new for developers in Chrome 130.

Discover the benefits of Scroll-driven animations with Policybazaar, redBus, and Tokopedia.

A proposal to define masonry and grid in different specifications.

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

Pre-filter a set of child elements before applying An+B logic on it.