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
It is the CSS Shapes Editor google chrome extension download link you can download and install google chrome Browser.
Tags: causes editor, shapes sidebar, Web Development, edit css shapes, css shapes, polygon shape, devtools elements panel, css shapes editor, interactive editor, adjust css shapes values, edit css, chrome css shapes editor, css shapes editor chrome extension, move scale, css,
Alternate CSS Style Selector allows you to set an alternate style on pages which provide one
Test your HTML,CSS,JS and Get the program output instantly!
this extension makes the job of a front-end web developer so much easier. Click the icon and see your divs automagically colorized…
Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.
extract Critical CSS rules for the current page
Capture styles and markup for element plus children.
View the stats behind the CSS
This plugin will remember all css/js code you injected in every website and auto-inject them when web page is loaded
A helper tool for to confirm CSS and XPath selector.
It can help you automaticly reload the css files in the browser after you modified them, without ruining your codes.
Add a product to your Curate account from any New Zealand online store at the press of a button.
Save anything you like from the web into your Flipboard.
YouTube video to Spotify playlist is now one click ahead.
Automatically save the text. Shift + Enter post. for Google Plus™.
The "+Clip it button" is a tool to clip several images with description from web pages to the...
Popup google+ comments, and share. shift + enter post.
All in one custom set for Google Plus™
All in one custom set for Google Plus™
You can now add inspirations from all over the web to FINSPI - with just one click!
OVOQ- Collect, Organize and Sshare online videos you love
Edit your css with FireBug and let cssUpdater update the...
A simple but useful CSS property viewer.
This extension helps you quickly disable and enable different...
CSSsir is easy and handy tool which allows you to generate...
Blocks desired HTML contents (script, style, image, object,...
add items for taxonomies.
The 03TALK Personal Conference Call plugin allows you to create, edit and display your free and anonymous...
This Plugin passes an alternate image to gravatar.com that generates the user's display_name if they...
0.mk Shortener ???????? ?????? ????? ?? ?????? ?????? ?????????? ?? ???????????? ??????