Closed2

animation composition

ユイト🍓ユイト🍓

何これ

複数のアニメーションが同じプロパティに同時に影響する場合に使用される合成操作を定義する。

指定できる値

  • replace
  • add
  • accumulate(アキュムレート)

エフェクトの合成

エフェクト値と基礎となる値の合成に使用される具体的な操作は、エフェクト値を生成したキーフレーム・エフェクトの合成操作によって決まります。

基礎値とは、CSSのルールセットに書かれたプロパティの値。
ルールセット(単にルールとも呼ぶ)とは、「 セレクタ名 {・・・} 」の部分。

つまり、

/*ルールセット*/
.hoge {
 color:red; /* 基礎値*/
}

replace(置き換え)

初期値。

このスクラップは2023/09/24にクローズされました