国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

CSS アニメーションを終了時に最終狀態(tài)に保つ
P粉950128819
P粉950128819 2023-08-20 18:36:55
0
2
831
<p>CSS で <code>opacity:0;</code> に設(shè)定されているいくつかの要素をアニメーション化しています。キーフレームを使用してアニメーション クラスが onClick イベントに適用され、不透明度が <code>0</code> から <code>1</code> に変更されます (およびその他のいくつかの変更)。 </p> <p>殘念ながら、アニメーションが終了すると、要素は <code>opacity: 0</code> の狀態(tài)に戻ります (Firefox と Chrome の両方)。私の直感では、アニメーション化された要素は最終狀態(tài)に殘り、元のプロパティがオーバーライドされると考えています。これは本當(dāng)ではないでしょうか?そうでない場合、要素を最終狀態(tài)に保つにはどうすればよいでしょうか? </p> <p>コード (プレフィックス バージョンを除く): </p> <pre class="brush:php;toolbar:false;">@keyframes bubble { 0% { 変換:スケール(0.5); 不透明度:0.0; } 50% { 変換:スケール(1.2); 不透明度:0.5; } 100% { 変換:スケール(1.0); 不透明度:1.0; } }</pre> <p><br /></p>
P粉950128819
P粉950128819

全員に返信(2)
P粉239089443

さらに多くのアニメーション プロパティを使用する場合は、 短縮表記 :

を使用できます。 リーリー

次のように設(shè)定します:

  • バブル アニメーション名
  • 2秒 期間
  • 線形 時間関數(shù)
  • 0.5s 遅延
  • 1 反復(fù)回?cái)?shù) ('infinite' も可能)
  • 通常方向
  • forwards フィル モード (終了位置を最終狀態(tài)として使用することと互換性を持たせたい場合は、「backwards」に設(shè)定します [これは、アニメーションがオフになっているブラウザをサポートするためです] {応答ヘッダーのみ、非応答あなたの具體的な狀況})

利用可能な時間関數(shù):

リーリー

利用可能なルート:

リーリー
P粉564301782

animation-fill-mode: forwards; を追加してみてください。たとえば、次のような省略形を使用できます:

リーリー

https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート