2017-04-10 334 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!