퀴즈 / CSS / 문제

CSS @property 규칙의 핵심 기능으로 올바른 것은?

어려움 MDN Web Docs
보기 및 정답
A CSS 커스텀 프로퍼티에 타입, 초기값, 상속 여부를 명시하여 애니메이션 전환이 가능해진다
B @supports 규칙은 JavaScript를 통해서만 해석 가능하며 순수 CSS 환경에서는 동작하지 않는다
C CSS의 clamp() 함수는 내부에 calc() 표현식을 사용할 수 없다는 제한이 있다
D overflow-x와 overflow-y를 개별 설정하면 서로 완전히 독립적으로 작동한다

해설

@property 규칙으로 --my-color를 <color> 타입으로 등록하면 브라우저가 값의 타입을 인식하여 transition이나 animation에서 부드럽게 보간(interpolation)할 수 있습니다. syntax(타입), inherits(상속 여부), initial-value(초기값)를 지정합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...