Skip to main content

keyframe-declaration-no-important

Disallow !important within keyframe declarations.

@keyframes foo {  from { opacity: 0 }  to { opacity: 1 !important }}              /* โ†‘ *//**               โ†‘*   This !important */

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

Options#

true#

The following patterns is considered a violation:

@keyframes foo {  from {    opacity: 0;  }  to {    opacity: 1 !important;  }}

The following patterns are not considered violations:

@keyframes foo {  from {    opacity: 0;  }  to {    opacity: 1;  }}
a { color: pink !important; }