0

@keyframes が CSS ファイルで機能するように、ファイルに挿入またはインストールする必要があるコードはありますか? 私のエディタでは、@keyframe がグレー表示され、機能しません。

4

1 に答える 1

0

エディターでの構文の強調表示と、ブラウザーによる実際の解釈には違いがあります。

エディターによっては、言語パックをインストールして、新しい CSS3 属性を適切に認識できるようにする必要がある場合があります。

ベンダー固有のプレフィックスをセレクターに追加して、ブラウザーが理解できるようにする必要があります。

@-webkit-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

css3 のキーフレームについて詳しくは、http : //css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/ をご覧ください。

于 2012-02-16T15:33:42.740 に答える