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% {} }