CSS Shapes Editor

Interactive editor for CSS Shapes.

Was ist CSS Shapes Editor?

CSS Shapes Editor ist eine Chrome-Erweiterung, die von Razvan Caliman entwickelt wurde, und ihr Hauptmerkmal ist "Interactive editor for CSS Shapes.".

Erweiterungsscreenshots

screenshot
screenshot
screenshot

CSS Shapes Editor-Erweiterungs-CRX-Datei herunterladen

Laden Sie CSS Shapes Editor-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        Create and adjust CSS Shapes values with an interactive editor overlapping the selected element. 

Update 21 May 2015:
---
For polygons, unit-less zero coordinates will inherit the non-zero sibling coordinate unit instead of defaulting to pixels.
Example 0 100% => 0% 100%

Shapes sidebar:
New sidebar to the DevTools Elements panel called "Shapes" which offers controls to create and edit CSS Shapes values like polygon(), circle() and ellipse() on the selected element.

Polygons:
Click the edges of the shape to add new points. Drag points to change the shape. Double-click points to remove them. Select the transform tool to move, scale and rotate the polygon shape.

Circles & ellipses:
Drag the shape to move it around. Pull on the edges and corners to scale and resize.

Update History
===

Update 13 Jan 2015:
---
Provides workaround for Chrome 40+ regression which causes editor to fail when selecting an element to edit.

Update 8 Dec 2014:
---
This extension has been wrongly accused of spreading malware. It does not. 

Its source code is always available for inspection: https://github.com/oslego/chrome-css-shapes-editor

The latest release (Version 1.2.0) addresses some potential vulnerabilities exploitable by 3rd party malicious scripts.

If you experience malicious behavior from your browser, reset your browser settings:
https://support.google.com/chrome/answer/3296214                    

Grundlegende Informationen zur Erweiterung

Name CSS Shapes Editor CSS Shapes Editor
ID nenndldnbcncjmeacmnondmkkfedmgmp
Offizielle URL https://chromewebstore.google.com/detail/css-shapes-editor/nenndldnbcncjmeacmnondmkkfedmgmp
Beschreibung Interactive editor for CSS Shapes.
Dateigröße 84.76 KB
Installationsanzahl 10,000
Aktuelle Version 1.3.0
Letztes Update 2015-05-21
Veröffentlichungsdatum 2015-05-21
Bewertung 3.82/5 Insgesamt 101 Bewertungen
Entwickler Razvan Caliman
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://github.com/oslego/chrome-css-shapes-editor
Unterstützte Sprachen en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "CSS Shapes Editor",
    "version": "1.3.0",
    "author": "Razvan Caliman ",
    "minimum_chrome_version": "37.0.0",
    "description": "Interactive editor for CSS Shapes.",
    "devtools_page": "devtools.html",
    "icons": {
        "128": "images\/icon-128-complex.png"
    },
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "permissions": [
        ""
    ],
    "content_security_policy": "script-src 'self' ; object-src 'self'"
}