opacity: 0;
CSSで設定されているいくつかの要素でアニメーションを実行しています。アニメーションクラスはonClickに適用され、キーフレームを使用して、不透明度0
を1
(特に)に変更します。
残念ながら、アニメーションが終了すると、要素はopacity: 0
(FirefoxとChromeの両方で)元に戻ります。私の自然な考え方は、アニメーション化された要素が最終的な状態を維持し、元のプロパティを上書きすることです。これは本当ではないですか?そうでない場合、どのようにして要素にそうさせることができますか?
コード(プレフィックスバージョンは含まれません):
@keyframes bubble {
0% { transform:scale(0.5); opacity:0.0; }
50% { transform:scale(1.2); opacity:0.5; }
100% { transform:scale(1.0); opacity:1.0; }
}
1
私は自分のリピート通知を投稿します:stackoverflow.com/questions/9196694/css3-animation-scale少なくとも鉱山は、より多くの有益なタイトルを持っています!
—
ダン・