2017-03-25 2 views
0

これはCSS部分のアニメーションとそれを適用したいH1要素を含む私のコードです。実際に私のアニメーションをh1要素で動作させるのに問題があります

code image

+2

としてinfiniteに入れたいと思うかもしれないが、そうでない場合alternateを観察することができない、それは無限に実行させるたいと考えていますスクリーンショットの代わりに –

答えて

0

は、アニメーションと間違って何もありませんが、leftは、実際に静的に配置h1への影響はありません。

leftmargin-leftに変更しようとしましたか?position: relativeをh1に追加しましたか?このように:http://plnkr.co/edit/x6JythFhtrF8UFeqKtyG?p=preview

プラス、私はあなたがそれゆえ、あなたが貼り付けコードスニペット/エラーをコピーしてくださいanimation-iteration-count

h1 { 
    position: relative; /* TRY TO ADD THIS */ 
    animation: enter 5s linear alternate infinite; /* OPTIONAL infinite */ 
} 
@keyframes enter { 
    from { 
    left: 0em; 
    } 
    to { 
    left: 20em; 
    } 
} 
関連する問題