How do I create and attach a CSS3 animation directly in chrome inspector?
You can edit directly in the css code.
- Select the element in the inspector
- Click on the target css ( the file above the matched css rules and bellow the 'matched css rules' title)
- Do your modifications
If you want to select the css file:
- Go to the tab Resources
- Frames > (name of the frame) > Stylesheets > nameofthecssfile.css
And finally, if you don't have a CSS file you can put your code in the HTML using
- Right click on the body(or any other html tag), select Edit as HTML
Outside the tag put your custom style, like:
<style>@-webkit-keyframes test{ 0%{background:red} 100%{background:blue} }</style><body> lorem ipsum</body>