I know that you can attach hover events directly from the inspector, but how does one create and attach a CSS3 animation directly in the inspector?
For example, if I try to create something like the following animation using the inspector:
@-webkit-keyframes test{
0%{background:red}
100%{background:blue}
}
the browser will stop registering the code after the first colon(:) between the words "background" and "red".
You can edit directly in the css code.
If you want to select the css file:
And finally, if you don't have a CSS file you can put your code in the HTML using
Outside the tag put your custom style, like:
<style> @-webkit-keyframes test{ 0%{background:red} 100%{background:blue} } </style> <body> lorem ipsum </body>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With