CSS Shapes Editor

Chrome浏览器插件下载和安装教程(图文讲解)

使用与所选元素重叠的交互式编辑器创建和调整 CSS 形状值。

2015 年 5 月 21 日更新:
---
对于多边形,无单位零坐标将继承非零兄弟坐标单位,而不是默认为像素。
示例 0 100% => 0% 100%

形状侧边栏:
DevTools Elements 面板的新侧边栏称为“Shapes”,它提供了在所选元素上创建和编辑 CSS 形状值的控件,如多边形()、圆() 和椭圆()。

多边形:
单击形状的边缘以添加新点。拖动点以更改形状。双击点以删除它们。选择变换工具来移动、缩放和旋转多边形形状。

圆和椭圆:
拖动形状以移动它。拉动边缘和角落以缩放和调整大小。

更新历史
===

2015 年 1 月 13 日更新:
---
为 Chrome 40+ 回归提供解决方法,这会导致编辑器在选择要编辑的元素时失败。

2014 年 12 月 8 日更新:
---
此扩展程序被错误地指责为传播恶意软件。它不是。

其源代码始终可供检查:https://github.com/oslego/chrome-css-shapes-editor

最新版本(1.2.0 版)解决了一些可被 3rd 方恶意脚本利用的潜在漏洞。

如果您在浏览器中遇到恶意行为,请重置浏览器设置:
https://support.google.com/chrome/answer/3296214