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
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
電子郵箱 razvan.caliman+dev@gmail.com
付費類型 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'"
}