CSS Shapes Editor

Interactive editor for CSS Shapes.

什麼是CSS Shapes Editor?

CSS Shapes Editor是由Razvan Caliman開發的Chrome擴展程式,該擴展的主要功能是“Interactive editor for CSS Shapes.”。

擴展截圖

screenshot
screenshot
screenshot

下載CSS Shapes Editor擴展crx文件

下載CSS Shapes Editor擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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                    

擴展基本資訊

名稱 CSS Shapes Editor CSS Shapes Editor
ID nenndldnbcncjmeacmnondmkkfedmgmp
官方網址 https://chromewebstore.google.com/detail/css-shapes-editor/nenndldnbcncjmeacmnondmkkfedmgmp
簡介 Interactive editor for CSS Shapes.
檔案大小 84.76 KB
安裝次數 10,000
目前版本 1.3.0
更新時間 2015-05-21
上架時間 2015-05-21
評分 3.82/5 共 101 次評分
開發者 Razvan Caliman
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/oslego/chrome-css-shapes-editor
支援的語言 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'"
}