Как добавить правило @keyframes через элемент проверки? - PullRequest
Новая
       113

Как добавить правило @keyframes через элемент проверки?

1 голос
/ 30 мая 2020

Мне постоянно нравится настраивать веб-страницы, которые я часто использую, с помощью inspect element, чтобы они были мне более приятными, однако мне постоянно не удавалось добавить правило @keyframes в css. Каждый раз, когда я нажимаю «Новое правило стиля» и набираю свой код, он просто исчезает. 

  0%{
    text-shadow: 0 0px 15px #f0f;
  }
  33%{
    text-shadow:0 0px 15px #0ff;
  }
  66%{
    text-shadow: 0 0px 10px #0f0;
  }
  100%{
    text-shadow: 0 0px 10px #ff0;
  }
}

Я заметил на других веб-сайтах, которые используют ключевые кадры, что они отделены от обычных классов, и я не могу взаимодействовать каким-либо образом с ним через элемент проверки. @ ключевой кадр в элементе проверки

Невозможно ли добавить ключевые кадры только через элемент проверки?

1 Ответ

0 голосов
/ 30 мая 2020

есть некоторые расширения chrome, которые помогают при редактировании страницы css, например amino .

в качестве альтернативы, вы можете обрабатывать файл css непосредственно на вкладке Sources .

На вкладке Sources отображаются все файлы содержимого, включая css файлы. файлы css будут фиолетовыми. скорее всего, он сжат, но вы можете распечатать его с помощью кнопки {} слева внизу. Оказавшись там, вы можете редактировать его, как вам нравится, проводить тесты и смотреть, как они переведены в макет страницы.

...