2017-04-10 332 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

我把你的代碼放在一個codepen中,它似乎工作,你在找什麼? http://codepen.io/k185/pen/vxoRGm – k185

回答

0

問題應該與文件中的語法有關,您在動畫名稱前錯過了「:」。 如果這不是你的問題,請添加html-part!