CSS Shapes Editor
Interactive editor for CSS Shapes.
什麼是CSS Shapes Editor?
CSS Shapes Editor是由Razvan Caliman開發的Chrome擴展程式,該擴展的主要功能是“Interactive editor for CSS Shapes.”。
擴展截圖
下載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 擴展基本資訊
| 名稱 | |
| 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 | |