CSS Shapes Editor

Interactive editor for CSS Shapes.

CSS Shapes Editor là gì?

CSS Shapes Editor là một tiện ích mở rộng Chrome được phát triển bởi Razvan Caliman, và tính năng chính của nó là "Interactive editor for CSS Shapes.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng CSS Shapes Editor

Tải xuống các tệp mở rộng CSS Shapes Editor dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên CSS Shapes Editor CSS Shapes Editor
ID nenndldnbcncjmeacmnondmkkfedmgmp
URL Chính Thức https://chromewebstore.google.com/detail/css-shapes-editor/nenndldnbcncjmeacmnondmkkfedmgmp
Mô tả Interactive editor for CSS Shapes.
Kích Thước Tệp 84.76 KB
Số Lần Cài Đặt 10,000
Phiên Bản Hiện Tại 1.3.0
Cập Nhật Lần Cuối 2015-05-21
Ngày Phát Hành 2015-05-21
Đánh Giá 3.82/5 Tổng số 101 Đánh Giá
Nhà Phát Triển Razvan Caliman
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/oslego/chrome-css-shapes-editor
Ngôn Ngữ Được Hỗ Trợ 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'"
}