CSS Shapes Editor

使用与所选元素重叠的交互式编辑器来创建和调整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

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享