# Chrome DevTools: CSS Angle debugging

Chrome added a new cool feature to Dev Tools in version 88.

It's a CSS Angle visualization tool and can be used to debug angles better visually.

Angles can be found in gradients and transforms, for instance.

How it works:

![Chrome DevTools angle visualization](https://cdn.hashnode.com/res/hashnode/image/upload/v1611389045248/6P65afm2Q.gif)

## Using the Chrome DevTools CSS Angle

First, we need to open the Chrome Dev Tools.

> Mac `Cmd` + `Shift` + `C` or Windows: `Ctrl` + `Shift` + `C`.

Now we can go to the `Elements` inspector and click the element we need.

Then in the `Styles` section, you will see these newly added gauges.

![CSS Angle Gauge in Chrome DevTools](https://cdn.hashnode.com/res/hashnode/image/upload/v1611389113241/qZIHYuwxz.png)

As mentioned, it is an angle tool, so it can debug a transform that will look like this:

![Chrome DevTools angle transform](https://cdn.hashnode.com/res/hashnode/image/upload/v1611389520828/x2fWUwHyl.gif)

Or you can use it to rotate a gradient you have on a specific element that looks like this:

![Chrome DevTools gradient angle](https://cdn.hashnode.com/res/hashnode/image/upload/v1611389550837/2Oudl4Kg_.gif)

If you want to have a play around, feel free to use this Codepen.

%[https://codepen.io/rebelchris/pen/RwGmQBQ]

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)