CSS ошибка keyframe?

Question

[NewUser4242]

CSS выдает ошибку на вот такой код, хоть и работает. Как можно пофиксить?

@keyframes blink {
0 {
  opacity: 1;
}
50% {
    opacity: 0;
  }
100% {
     opacity: 1;
   }
}

Answer 1

[Ivan Bogachev]

Вы не указали % у первого фрейма. Безразмерное значение "0" некорректно. Умные браузеры могут добавить символ процента за вас, или могут просто пропустить "дефектный" фрейм, из-за чего будет казаться, что все работает, но полагаться на это не стоит.

Answer 2

[Александр]

- 0 {
+ 0% {

Answer 3

[Вова Дружаев]

Ваш блокнот или ide не поддерживает синтаксис "нового" https://caniuse.com/#feat=css-animation css. оттого и пишет ошибку -т.к. ей эта конструкция не знакома.

Что за прога/библиотека выдает ошибку и какой она версии?