私のCSSアニメーションが機能しないのはなぜですか？

私はthisウェブサイトを使用して、「バウンスイン」効果を使用してテキストをアニメートするのを手伝っています。私はその手順を見て、このCSSアニメーションがうまくいかない理由を理解できません。ここで私のCSSアニメーションが機能しないのはなぜですか？

は私のあなたが私の上にリンクされJSFIDDLEでJSFIDDLE を見ることができているとおりの手順で述べたように、クラスbounceInを命名し、コード内のアニメーション拡張をリンクされています。しかし、何も起こっていません。

<h1 =class"bounceIn">LIAM DOCHERTY</h1> 
<h3 =class"bounceIn">WEB DEVELOPER & GRAPHIC DESIGNER</h3>

2017-06-25 Jon Bridge

は、あなたのCSSの実際のアニメーションを指定します。さらに、期間を与える必要があります。このルールの追加：あなたのHTMLにあなたのクラス名を、また

.bounceIn { 
    animation: bounceIn 1s; /* Change to whatever desired duration */ 
}

を修正

<h1 class="bounceIn">LIAM DOCHERTY</h1> 
<h3 class="bounceIn">WEB DEVELOPER & GRAPHIC DESIGNER</h3>

あなたはこれらの修正後にJSFIDDLEを実行したときにあなたのバウンスアニメーション作品が表示されるはずです。

2017-06-25 00:42:21 KyleS

お時間をありがとう！ –

等号は間違った側にある：

<h1 =class"bounceIn">LIAM DOCHERTY</h1>

は次のようになります。

<h1 class="bounceIn">LIAM DOCHERTY</h1>

2017-06-25 00:40:23

こんにちは、この点を指摘してくれてありがとう。私は間違いを訂正しました。しかし、CSS 'bounceIn'アニメーションはまだ発生しません。 –

これは動作するはずです：

<h1 class="bounceIn animated">LIAM DOCHERTY</h1> 
    <h3 class="bounceIn animated">WEB DEVELOPER & GRAPHIC DESIGNER</h3>

2017-06-25 00:43:46 Boosman

答えて