CSS Gradient Inspector

Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected element.

What is CSS Gradient Inspector?

'CSS Gradient Inspector' is a unique Chrome extension that extends Developer Tools by adding a functional sidebar. This sidebar shows insightful details regarding the gradients applied on any inspected element. Offering the ability to toggle between different gradient layers of each element, this tool proves highly useful in web design debugging sessions. As part of an open source project, more updates on its functionality and improvement can be followed through its GitHub repository.

Download

Stats

By: Rafael Caricio

View on Chrome Web Store

Users: 1,000+

Rating: 5.00 (5)

Version: 0.2.0 (Last updated: 2014-10-01)

Creation date: 2014-10-01

Risk impact: Low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Size: 290.82K

URLs: Website

Stats date:

Chrome-Stats Rank

# 26482 ▼ 61

Other rankings

#5785 in Developer Tools ▼ 11 #177 in developer tools keyword 58 ▼ 1

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected element. You can also toggle every element's gradient like different layers. It's useful for debugging.

This project is open source and you can follow more updates at the GitHub repository:

https://github.com/rafaelcaricio/gradient-inspector

If you have any feedback, please create an issue at https://github.com/rafaelcaricio/gradient-inspector/issues