UK [freɪmz] US [freɪmz]

n. ボーダー; フレーム (フレームの複数名詞); メガネフレーム; 組織

css @keyframes プロパティ 構文

@キーフレームとは何ですか?

@keyframes は、CSS アニメーションの期間の動作を定義し、単純なアニメーションを作成するために使用できる CSS のルールです。

機能:@keyframes ルールを通じて、アニメーションを作成できます。

説明:アニメーション作成の原則は、ある CSS スタイル セットを別のスタイル セットに徐々に変更することです。この CSS スタイルのセットは、アニメーション中に複数回変更できます。変更がいつ発生するかをパーセントで指定するか、0% と 100% に相当するキーワード「from」と「to」を使用して指定します。 0% はアニメーションの開始時間、100% はアニメーションの終了時間です。ブラウザーを最適にサポートするには、常に 0% および 100% セレクターを定義する必要があります。

注:アニメーションの外観を制御し、アニメーションをセレクターにバインドするには、アニメーション プロパティを使用してください。

css @keyframes プロパティ 例

    

注释:本例在 Internet Explorer 中无效。


インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します