DevTools Tips

Edit CSS angles

Categories: Supported by:

In CSS, several different properties use angle unit values, such as the rotate() function of a transform or the linear-gradient orientation of a background-image, and more.

In Chrome and Edge, wherever a value that uses an angle unit (e.g. deg, rad, grad, turn) is displayed in the Styles panel, you can edit it with a nice little visual editor instead of typing the number by hand.

Gif animation of the angle editor in Chrome, where a click is made on the angle swatch, and then the mouse is used to change the angle