Skip to content
Biome
Docs Playground
Blog

noImportantInKeyframe

Diagnostic Category: lint/suspicious/noImportantInKeyframe

Since: v1.8.0

Sources:

Disallow invalid !important within keyframe declarations

Using !important within keyframes declarations is completely ignored in some browsers.

Examples

Section titled Examples

Invalid

Section titled Invalid
@keyframes foo {
    from {
      opacity: 0;
    }
    to {
      opacity: 1 !important;
    }
}
code-block.css:6:18 lint/suspicious/noImportantInKeyframe ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Using !important within keyframes declaration is completely ignored in some browsers.
  
    4 │     }
    5 │     to {
  > 6 │       opacity: 1 !important;
      │                  ^^^^^^^^^^
    7 │     }
    8 │ }
  
  ℹ Consider removing useless !important declaration.

Valid

Section titled Valid
@keyframes foo {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}
Section titled Related links