본문 중간의 쿠팡 추천 상품 구매시 쿠팡 파트너스에서 일정액의 수수료를 제공받습니다.CSS @starting-style은 요소가 처음 화면에 나타날 때 CSS transition의 시작값을 지정하는 at-rule입니다. DOM에 새로 추가된 요소, display: none에서 보이는 상태로 바뀐 요소, popover나 처럼 top layer에 올라오는 요소는 이전 렌더링 상태가 없을 수 있습니다. 이때 시작값을 따로 주지 않으면 기대한 진입 전환이 생기지 않을 수 있습니다.결론부터 말하면 @starting-style은 "처음 보이는 순간도 transition으로 처리하고 싶을 때" 쓰는 기능입니다. 반복 애니메이션이나 키프레임 효과를 만들려는 목적이라면 CSS animation을 쓰는 편이 더 직접적입니..





