css tips
- Convert color formats
- Convert font property units
- Copy a CSS rule as CSS-in-JS format
- Edit clip-path and shape-outside CSS properties by dragging points in the page
- Edit CSS angles
- Edit CSS filters
- Edit CSS absolute and relative positions by dragging points in the page
- Edit CSS shadow visually
- Find and export CSS changes
- Find inactive CSS styles
- Highlight the effect of individual CSS properties on hover
- Highlight all the elements that a CSS rule matches
- Easily change CSS number values from the keyboard in increments of 0.1, 1, 10, 100
- Jump from a CSS variable usage to where it is defined
- Draw a box around all elements to debug your CSS and page structure
- See the page in 3D
- Select elements with pointer-events:none by holding Shift
- Simulate pseudo CSS classes
- Apply CSS styles to console messages
- Tweak css grid and flexbox alignment properties
- Visualize the effect of CSS transforms