应用截图

详细介绍

用于 CSS Shapes 的交互式编辑器。 使用覆盖在所选元素上的交互式编辑器创建和调整 CSS Shapes 值。 2015 年 5 月 21 日更新: --- 对于多边形,没有单位的零坐标将继承同组中非零坐标的单位,而不是默认使用像素。 示例:0 100% => 0% 100% Shapes 侧边栏: 在开发者工具的“元素”面板中新增名为“Shapes”的侧边栏,提供控件来创建和编辑所选元素的 CSS Shapes 值,例如 polygon()、circle() 和 ellipse()。 多边形: 点击形状的边缘可添加新点。拖动点可改变形状。双击点可将其删除。选择变换工具可移动、缩放和旋转多边形。 圆形和椭圆: 拖动形状可移动位置。拖动边缘和角可缩放和调整大小。 更新历史 === 2015 年 1 月 13 日更新: --- 提供针对 Chrome 40 及更高版本中一项回归问题的解决办法,该问题会导致选择要编辑的元素时编辑器失效。 2014 年 12 月 8 日更新: --- 此扩展程序曾被错误指控传播恶意软件。它没有这样做。 其源代码始终可供检查:https://github.com/oslego/chrome-css-shapes-editor 最新版本(Version 1.2.0)修复了一些可能被第三方恶意脚本利用的潜在漏洞。 如果您的浏览器出现恶意行为,请重置浏览器设置: https://support.google.com/chrome/answer/3296214