keyframeSelectorNotation

Control whether to use percentage or keyword (from and to) notation as keyframe selectors.

Possible options:

  • null: Keyframe selector notation will be kept as-is.
  • "keyword": Use keyword notation. This only affects 0% and 100%. For other percentage values, they will be kept as-is.
  • "percentage": Use percentage notation.

Default option is null.

Example for null

Playground

@keyframes foo {
  from {}
  50% {}
  100% {}
}

Example for "keyword"

Playground

@keyframes foo {
  from {}
  50% {}
  to {}
}

Example for "percentage"

Playground

@keyframes foo {
  0% {}
  50% {}
  100% {}
}