![Umar Hansa](https://web.dev/images/authors/umarhansa.jpg) Umar Hansa [X](https://twitter.com/umaar) [Homepage](https://umaar.com/)

<br />

![Live Edit CSS in Sources and increment values easily](https://developer.chrome.com/static/blog/live-edit-css-in-sources/image/live-edit-css-sources-i-78b2be6094029.gif)

Two things:

1. You can edit CSS in the Sources Panel. Changes apply to the page in real time (no save required).
2. `Alt + Up` to increment numeric values (`Alt + Down` to decrement).