使用与所选元素重叠的交互式编辑器来创建和调整CSS Shapes值。
2015年5月21日更新:
—
对于多边形,无单位零坐标将继承非零同级坐标单位,而不是默认为像素。
示例0 100%=> 0%100%
形状边栏:
DevTools元素面板的新边栏称为形状”,该边栏提供控件来创建和编辑CSS Shapes值,例如所选元素上的polygon(),circle()和ellipse()。
多边形:
单击形状的边缘以添加新点。拖动点以更改形状。双击要删除的点。选择变换工具以移动,缩放和旋转多边形形状。
圆圈和椭圆:
拖动形状以使其移动。拉动边缘和角落以缩放和调整大小。
更新记录
===
2015年1月13日更新:
—
提供针对Chrome 40+回归的解决方法,在选择要编辑的元素时会导致编辑器失败。
2014年12月8日更新:
—
该扩展名被错误地指控传播恶意软件。它不是。
它的源代码始终可供检查:https://github.com/oslego/chrome-css-shapes-editor
最新版本(版本1.2.0)解决了可由第三方恶意脚本利用的某些潜在漏洞。
如果您遇到来自浏览器的恶意行为,请重置浏览器设置:
https://support.google.com/chrome/answer/3296214