interactive editor for CSS Shapes..
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
You can Follow the below Step By Step procedure to install the CSS Shapes Editor Chrome Extension to your Chrome Web browser.
It is the CSS Shapes Editor Chrome extension download link you can download and install Chrome Browser.
Tags: Css Shapes Values , Move Scale , Edit Css , Interactive Editor , Coordinate Unit , Css Shapes , New Sidebar , Edit Css Shapes Values , Polygon Shape , Css Shapes Editor , Malicious Behavior , Adjust Css Shapes Values , Devtools Elements Panel , Shapes Sidebar ,
FotoFlexer : Use free image editing online tool
Make amazing coloring using shapes and facial expressions and enjoy the paint game.
The scattering of colors and shapes. Dispersion is a unique theme that blends organic and non organic shapes.
Very simple program for learning shapes and learning colors for kids. Geometry shapes for kids are very simple with sound guide in…
Adds the ability to overlay shapes & guide-lines on Smartsheet's dashboard editor to assist with more consistent widget placement.
Graphic tools The powerful drawing tools allow you to create and edit vector graphics with simple and precise procedures. You can…
This simple theme features various green shapes that make a sleek mosaic. At the top there is a carbon fiber backing that adds a…
PDF Editor. Edit, sign, compress, convert to office or image, split and merge PDF documents.
Students use Pattern Shapes to explore geometry and fractions, create their own designs, or fill in outlines.
A simple extension that changes the hexagonal twitter shape for the rounded ones.