なぜCSSのコードが機能しなかったのですか？

Question

<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> 

Answer 1

問題はファイル内の構文である必要があります。アニメーション名の前に "："が表示されませんでした。 あなたの問題ではない場合は、html-partを追加してください！