처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS transition 속성의 축약 문법 'transition: opacity 0.3s ease'에서 각 값이 의미하는 것은?

보통 MDN Web Docs
보기 및 정답
A 대상 속성(opacity), 지속 시간(0.3s), 타이밍 함수(ease)
B filter: blur()를 적용하면 요소의 크기가 흐림 반경만큼 확장된다
C 투명도(opacity), 지연 시간(0.3s), 반복 횟수(ease)
D transition-timing-function 기본값은 linear이다

해설

CSS transition 축약 문법은 순서대로 전환 대상 속성(property), 지속 시간(duration), 타이밍 함수(timing-function), 지연 시간(delay)을 지정합니다. ease는 느리게 시작해서 빨라졌다가 다시 느려지는 가속도 곡선을 의미합니다.

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

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

정규반 살펴보기