CSS3를 사용하여 @keyframes를 변경할 수 있습니까?

Question

저는 현재 CSS3 애니메이션을 가지고 놀고 있으며 가능성을보고 싶습니다.

그래서 현재 완벽하게 작동하는 무한 애니메이션 사이클이 있지만 링크를 선택할 때 @keyframes를 변경할 수 있는지 궁금합니다.

그래서 내가 무엇에 대해 생각했다 :

저기는 3 개 링크

-I

3 @keyframes

- 언제

의 집합 한이다

저기가 실행하는 애니메이션이다 링크가 선택되면 @keyframes가 @keyframes의 다른 세트로 변경됩니다.

- 페이지를 새로 고치지 않고 완료됩니다.

어쩌면 그것은 매우 어리 석고 어리석은 질문 일 수 있습니다.하지만 내가 말했듯이 나는 가능성이 무엇인지 알아 내려고합니다.

Answer 1

은 쉽게 다음 키 프레임 2.

그런 다음 다른 클래스를 추가하고 제거하기 위해 자바 스크립트/jQuery를 사용할 수를 사용하는 다른 클래스가, 키 프레임 1을 사용 애니메이션화 CSS 클래스를 가질 수있다.