2017-04-10 1 views
-4
<STYLE> 
    #object1{ 
     width:100px; 
     height:100px; 
     border-radius:100%; 
     background:skyblue; 
     animation-name animation1; 
     animation-duration 2s; 
    } @keyframes animation1 { 
     0% { transform: translatex(0px); } 
     100% { transform: translatex(300px); } 
    } 
</STYLE> 
<div id="object1"></div> 
+4

질문을 정리하고 "효과가 없다"고 생각하십니까? – Deanmv

+3

더 많은 정보를 추가하십시오, 작동하지 않는 것이 있습니까? 어떻게해야합니까? 어쩌면 바이올린이나 스 니펫? – dutchsociety

+0

코드를 코드 put에 넣었습니다. 제대로 작동하는 것 같습니다. 무엇을 찾고 있습니까? http://codepen.io/k185/pen/vxoRGm – k185

답변

0

문제는 파일에 구문과 함께 있어야하며 animation-name 앞에 ":"가 누락되었습니다. 문제가 아닌 경우 html-part!

관련 문제