웹킷 애니메이션이 작동하지 않습니다. # 앞에서 @css

Question

내 애니메이션이 작동하게하려는 사이트는 내 태그 앞에 # 사용자 공간을 추가합니다. 그래서 내 애니메이션은 다음과 같습니다 :

#user-space @-webkit-keyframes animation-name { 
from { 
    style definition ["Before"-state] 
} 
to { 
    style definition ["After"-state] 
} 

그리고 # user-space 선언은 css 문을 깨뜨리고 있으며 애니메이션이 작동하지 않습니다. 달리 할 방법이 있습니까? exaple 내 키 프레임의 insine 넣어 들어 -

Answer 1

처럼 webkit-animation: from { style definition ["Before"-state] } to { style definition ["After"-state] } 1.1s ease infinite; 같은 webkit-animation: animation-name 1.1s ease infinite;을 내가 볼이 솔루션은 문제를 해결하기 및 자바 스크립트와 함께 할 것입니다.

헤더에 html 파일에 새 style을 추가하고 @-webkit-keyframes 애니메이션을 내부에 추가하기 만하면됩니다.

잘 설명하는 스레드가 있습니다 (허용 된 해결책 참조) : Set the webkit-keyframes from/to parameter with JavaScript