Где в DevTools посмотреть keyframes анимации?

Question

[nosazus]

Вот простой пример, анимация blink - https://maxwellito.github.io/breaklock/
Открыв девтулз я вижу только animation: blink 1.2s infinite; а где посмотреть содержание blink?

Answer 1

[Danila]

открыть исходник

и поискать там, например

Comments

[nosazus]

При нажатии на app.css у меня открывается другое, не то что у вас на скриншоте. Это то что нужно, только я не могу повторить это. Где вы взяли этот скрин исходника, там где строки 500 и тд?

[Danila]

nosazus: внизу есть волшебная кнопка форматирования

[nosazus]

Данила: спасибо!

Answer 2

[Сергей ZSA]

Я так понимаю нужно увидеть это: https://www.dropbox.com/s/yrpmyar1an2fli0/%D0%A1%D...

в FireFox такая возможность есть и в chrome тоже. Главное докопайтесь до нужного элемента в разметке.
https://www.dropbox.com/s/xqcyho7ds3dpdrg/%D0%A1%D...