应用截图
详细介绍
用于 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