CSS Types

CSS Types

Editing

<animateable-feature>

요소에게 어떤 종류의 변경을 수행할 것으로 예상되는지 유저 에이전트에게 렌더링 힌트를 제공하기 위한 값을 나타낸다. 이것은 유저 에이전트가 해당 변경 사항을 원활하게 렌더링하는 데 필요한 최적화를 미리 수행하여 변경(예: 애니메이션 등)이 되는 시점에 끊김 현상을 방지할 수 있다.

구문

  • CSS Will Change Module Level 1
    scroll-position | contents | <custom-ident>

사용되는 키워드

키워드요약
auto

유저 에이전트가 휴리스틱(heuristics)과 최적화를 적용한다.

contents

가까운 미래에 요소의 내용에 대해 애니메이션을 적용하거나 변경할 것으로 예상함을 나타낸다.

scroll-position

가까운 미래에 요소의 스크롤 위치를 움직이거나 변경할 것으로 예상함을 나타낸다.

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Will Change Module Level 1

Last review date: 2023-2-15