내면아이의 과도기적 불길

Question

이것은 최소한의 재현 가능한 예입니다. "토글" 호버의 전환 끝은 실행되고(원하지 않음) "a"를 조기에 숨깁니다.

변환이 끝난 후 원클릭 스위치를 재현합니다.

토글이 (변경할 수 없음) 안에 있었기 때문에 이런 일이 발생했다는 것을 깨달았습니다. 전환 시 전환을 중지하는 방법이 있습니까(어떤 전환이 발생했는지 감지하지 않고).

너무 복잡해지고 Transitionend에 버그가 있는 것으로 확인되면 setTimeout을 사용하는 것이 좋습니다(CSS 전환에는 약간 우스꽝스럽습니다).

으아아아 으아아아 으아아아

Answer 1

키프레임 애니메이션을 사용하려면 JavaScript가 전혀 필요하지 않습니다. 최종 상태가 무엇인지 지정하고 채우기 모드를 forwards로 설정하여 최종 상태가 재설정되지 않도록 하세요.

으아아아 으아아아