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

私がテストしたところ、投稿されたコードは styled-components で動(dòng)作するようですが、@property に対するブラウザのサポートはまだ制限されているようです。たとえば、Chrome では動(dòng)作しますが、現(xiàn)時(shí)點(diǎn)では Firefox では動(dòng)作しないため、グラデーション アニメーションは Firefox では再生されません。

#@property を使用せずに、投稿されたコードの代替バージョンを作成してみました。Firefox でも動(dòng)作します。役立つ場合は、デモをご覧ください: stackblitz (コードは回答の最後に含まれています)。

stackblitz (Firefox は現(xiàn)在、@property のグラデーション アニメーションをサポートしていません)。 リーリー

@property を含まない代替バージョンです。これは、疑似要素を使用し、子 div を追加して、 styled-components でアニメーションを再作成します。

stackblitz (Firefox でも動(dòng)作するはずです)。 リーリー ちなみに、

@property は新しい標(biāo)準(zhǔn) CSS です。 @property の詳細(xì)な背景情報(bào)については、MDN を參照してください。