Opera browser required.
Create and adjust CSS Shapes values with an interactive editor overlapping the selected element.
Requires Opera 24+
Shapes sidebar:
The extension adds a new sidebar to the DevTools Elements panel called "Shapes". It 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 an existing point to remove it. 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.
- This extension can access your data on all websites.
Screenshots
About the extension
- Downloads
- 9,648
- Category
- Developer Tools
- Version
- 1.2.2
- Size
- 82.2 KB
- Last update
- 30 Mar 2015
- Licence
- Support page
- https://github.com/oslego/chrome-css-shapes-editor/issues
- Source code page
- https://github.com/oslego/chrome-css-shapes-editor
Related
-
retire.js
Scanning website for vulnerable js libraries
Rating: Total number of ratings: 3
-
Open in GIMP photo editor
Adds context menu items to send image links and image files directly to the GIMP photo editor
Rating: Total number of ratings: 5
-
Web Developer
Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.
Rating: Total number of ratings: 105
-
Live editor for CSS and LESS - Magic CSS
Live preview of CSS/LESS code with an in-page editor. Autocomplete, convert LESS to CSS, beautify, minify, CSS reloader, linter, ...
Rating: Total number of ratings: 7
-
AMP Validator
Automatically checks each page for AMP validation.
Rating: Total number of ratings: 2