Interactive editor for CSS Shapes.
CSS Shapes Editor Extension
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
Source Manifest.json
Similar Extensions
Live CSS Editor 10,000+ 182 ★ 24.38KiB
LiveReload 10,000+ 808 ★ 60.78KiB
45to75 10,000+ 7 ★ 5.22KiB
Code Cola 10,000+ 188 ★ 189KiB
Emmet LiveStyle 10,000+ 351 ★ 356KiB
CSS Gradient Inspector 10,000+ 5 ★ 284KiB
CSS3 Generator 10,000+ 60 ★ 346KiB
Dimensions 10,000+ 454 ★ 17.28KiB
Live editor for CSS, Less & Sass - Magic CSS 10,000+ 266 ★ 2.15MiB
Wordpress Style Editor 10,000+ 47 ★ 47.72KiB
Emmet Re:view 10,000+ 162 ★ 74.65KiB
Web Developer Checklist 10,000+ 54 ★ 32.65KiB
EnjoyCSS 10,000+ 24 ★ 13.37KiB
Save CSS 10,000+ 29 ★ 23.44KiB
CSSViewer 10,000+ 371 ★ 301KiB
Web Developer 10,000+ 2829 ★ 574KiB
Bootstrap Twitter Offline Docs 10,000+ 90 ★ 3.11MiB
jQuery Debugger 10,000+ 110 ★ 88.52KiB
Amino: Live CSS Editor 10,000+ 453 ★ 1.45MiB
DevTools Author 10,000+ 117 ★ 377KiB
User CSS 10,000+ 264 ★ 298KiB
Validity 10,000+ 210 ★ 108KiB
Stylebot 10,000+ 1603 ★ 10.27MiB
PerfectPixel by WellDoneCode (pixel perfect) 10,000+ 605 ★ 732KiB
User reviews
Gregori Rain (ID: 000000a4eaa35a59) Voted 2 ★ - Updated 11/29/2021
Tanmay Dwivedi (ID: 00000028fce4a8c8) Voted 5 ★ - Updated 06/04/2021
Kelsey MacPherson (ID: 000000ef30ff5b6f) Voted 2 ★ - Updated 05/16/2021
Soczek v2 (ID: 000000baf7e1e88c) Voted 4 ★ - Updated 10/18/2020
Fahad Mirza (ID: 0000003c3d3764df) Voted 3 ★ - Updated 12/26/2018