인프런 커뮤니티 질문&답변
작성한 질문수
애니메이션 딜레이
작성
·
220
답변 1
3
코딩웍스(Coding Works)
지식공유자
animation-delay로 하면 2번째 박스가 늦게 출발해서 좀 어색하죠.
로딩에 쓰이는거라 순식간에 지나가서 유저가 느끼기 쉽지는 않지만 좀 더 퍼펙트하게 만들고 싶으시면...
keyframe을 하나 더 만드세요.
기존으니 keyframe을 복사하셔서 이름을 바꾸시고 복사된 키프레임은 우측 하단 부터 시작을 시키는거에요.
곧, 2번째 박스에 적용되는 2번째 키프레임의 시작은 첫번째 키플레임의 50%에서 시작하시는거에요.
그러면 시작위치가 둘다 다르니까 늦게 출발하는 어색함을 잡으실거에요~^^