CSS Scan logo

CSS Scan

Instantly view and copy the CSS rules of any web element.

Made by Guilherme Rizzo

  • Firefox Extension

  • Google Chrome Extension

  • CSS / Stylesheets

  • development-tools

  • css-development

  • Web Development

  • css3

What is CSS Scan?

Instantly visualize the CSS properties and attributes of any web element with a single hover, and copy the complete set of rules with a click. This browser extension provides developers and designers a seamless way to inspect and extract the styles of any online content, streamlining the web design workflow. Unlock the ability to easily replicate the looks and feel of your favorite websites by accessing the complete CSS, font details, dimensions, and selectors of any element, all without disrupting the live site

Highlights

  • Hover over any web element to instantly see its full CSS properties and values
  • Copy the complete set of CSS rules for the hovered element with a single click
  • Retrieve font details, dimensions, animations, and selector information
  • Integrates directly within the browser, eliminating the need for separate "Inspect Element" tools
  • Supports all major web browsers, providing a consistent design inspection experience

Platforms

  • Safari
  • Firefox
  • Web
  • Online
  • Google Chrome

Languages

  • English

Social

Features

    • Browser extension

    • Safari extension

    • Easy Measurements

    • Live css editing

    • Copy & paste actions

    • Built-in Color picker