Edit CSS angles

Help us make DevTools Tips better! Fill out this survey to tell us more about your DevTools habits and frustrations.

Categories: Supported by:

Edit CSS angles

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.

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.

Authors: Patrick Brosset

Last edit: - Edit page