ウェブキットのスケール機能に関するヘルプが必要です。WebKitスケール変換の問題
@-webkit-keyframes expand
{
from {-webkit-transform:scale(1)}
to {-webkit-transform:scale(1.2)}
}
.image-highlight
{
-webkit-animation-name: expand;
-webkit-animation-duration:0.2s;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function:ease;
}
Iは、要素を持つHTML有する:示されるように
私は特性を有する.cssファイルを持っている私はアニメーション化する関数(スケール)とJSファイルを有する
<div id="slider">
<img src="images/blueMarble_0.PNG" />
<img src="images/blueMarble_1.PNG" />
<img src="images/blueMarble_2.PNG" />
<img src="images/blueMarble_3.PNG" />
<img src="images/blueMarble_4.PNG" />
</div>
を配列の中間イメージ と私はアニメーションを行うには、このjQueryのステートメントを使用しています:
`$(pic[2]).addClass('image-highlight');`
このjqueryのは、実際に画像(PIC [2])をスケーリングします。しかし、スケーリングは0.2秒間行われ、元のサイズに縮小されます。どのように私は0.2秒の完了後にスケーリングを保持することができますか?私は元のサイズにサイズを変更したくない。アニメーションの継続時間を変更せずに完了できますか? どうかお手伝いできますか?
ありがとうございます。問題を修正しました。 – KashCSS
よろしくお願いします。 –