.png%3Falt%3Dmedia%26token%3D5ff6ca87-e059-4977-9a0c-3c24f722925d)
.png%3Falt%3Dmedia%26token%3D5ff6ca87-e059-4977-9a0c-3c24f722925d)
Code Editor
When the CSS window of an element is pinned (by pressing the space bar key or by clicking on "Edit or inspect element's CSS" on the Select mode), you can start editing the CSS of the specific element and see the changes in real-time:
.gif?alt=media&token=3272e816-3ee6-4eb7-af66-0c328318ed07)
You can remove/add rules, and also edit @keyframes animations, pseudo-classes, and pseudo-elements (such as :hover, :before, etc)
All changes are tracked and shareable, to learn more about it, check:
You can also easily change colors on the Code Editor. To do that, just click on the color preview to edit it:
.gif?alt=media&token=369dcb9d-e97b-4b9d-a012-a7be70581a83)
Tints and shades, opacity, hue, color syntaxes, color eyedropper, everything you need
Last modified 2yr ago