CSS Scan is a browser extension, providing one of the fastest and easiest ways to check, copy and edit CSS.
Say goodbye to “Inspect Element” — Check the CSS of any element you hover over, instantly, and copy its entire rules with a single click.
WP Turned UP members get 30% OFF CSS Scan or CSS Scan Pro.
Not seeing the deal instructions below? Become a member today!
Solution Overview
CSS Scan
The smartest browser extension for CSS inspection
No unuseful duplicated or longhand CSS. CSS Scan uses the same technology used by Google and Github with our own improvements to quickly clean any CSS trash for you. Precise, shorthanded, and advanced optimizations.
Easy and Fast inspection
Understand how everything works without wasting time hunting through infinite CSS rules on the browsers' Dev Tools.
Get all the active styles on the fly and finish your work faster.
Use shortcuts to work with it even quicker.
Copy any element
If you want to copy the CSS of this element right now, it's a pain. With CSS Scan, just click, and it's yours. Create your perfect page.
CSS Scan Pro
The PRO version picks up where CSS Scan leaves off and a whole lot more.
CSS Scan vs. CSS Scan PRO
PRO has everything that CSS Scan has, plus:
- Visual Editor: change the CSS of any element visually and interactively and get the new CSS code ready to use.
- Copy the HTML and CSS of all the element’s children – instead of just copying the selected element.
- Save an element as a file.
- Live-edit the text of any element.
- Live-edit every CSS: including all pseudo-classes, all pseudo-elements, and @keyframes as well!
- CSS Keyframes reading (understand any CSS animation you see on the web).
- Check all the changes made in the CSS and copy it or export it to a file.
- Generate a shareable link that anyone can access to see a website with your CSS modifications (even if they don’t have the extension installed).
- Chrome and Firefox Devtools integration: you can use CSS Scan Pro inside your Devtools, which means you can see the entire DOM tree, choose any element precisely and understand what’s going on in the CSS straightaway!
- A color eyedropper (pick colors from any website – works on images too).
- A color palette to get all the colors of any website.
- A Real-time advanced ruler for measure distances and elements dimensions.
- Option to generate and copy unique CSS selectors
- Assets feature: get all images loaded in a page: from background-images, .svgs, or img src.
- Save all assets from a website with 1 click.
- A color picker to easily change colors + change color syntax + gets tints and shades of the selected color.
- Convert relative URLs to absolute.
- Remove any website element with a click.
- Premium Support.
- Access To Pro Updates.