O que é CSS Shapes Editor?

CSS Shapes Editor é uma extensão do Chrome desenvolvida por Razvan Caliman, e sua principal característica é "Interactive editor for CSS Shapes.".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão CSS Shapes Editor

Baixe arquivos de extensão CSS Shapes Editor no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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

Informações Básicas da Extensão

Nome	CSS Shapes Editor
ID	nenndldnbcncjmeacmnondmkkfedmgmp
URL Oficial	https://chromewebstore.google.com/detail/css-shapes-editor/nenndldnbcncjmeacmnondmkkfedmgmp
Descrição	Interactive editor for CSS Shapes.
Tamanho do Arquivo	84.76 KB
Contagem de Instalações	10,000
Versão Atual	1.3.0
Última Atualização	2015-05-21
Data de Publicação	2015-05-21
Classificação	3.82/5 Total de 101 Avaliações
Desenvolvedor	Razvan Caliman
Email	[email protected]
Tipo de Pagamento	free
Site da Extensão	https://github.com/oslego/chrome-css-shapes-editor
Idiomas Suportados	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'" }