需要使用 Opera 浏览器。
Create and adjust CSS Shapes values with an interactive editor overlapping the selected element.
Requires Opera 24+
Shapes sidebar:
The extension adds a new sidebar to the DevTools Elements panel called "Shapes". It offers controls to create and edit CSS Shapes values like polygon(), circle() and ellipse() on the selected element.
Polygons:
Click the edges of the shape to add new points. Drag points to change the shape. Double-click an existing point to remove it. Select the transform tool to move, scale and rotate the polygon shape.
Circles & ellipses:
Drag the shape to move it around. Pull on the edges and corners to scale and resize.
- 此扩展可访问您在所有网站上的数据。
屏幕截图
关于此扩展
- 下载次数
- 11854
- 类别
- Developer Tools
- 版本
- 1.2.2
- 大小
- 82.2 KB
- Last update
- March 30, 2015
- 许可证
- 在线支持
- https://github.com/oslego/chrome-css-shapes-editor/issues
- 源代码
- https://github.com/oslego/chrome-css-shapes-editor
相关
-
Web Developer
Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.
评分: 总评分次数: 141
-
Webfonting it!
The simplest extension for working with web fonts
评分: 总评分次数: 7
-
Monitorito
This extension creates a real-time visualisation of your browsing activity
评分: 总评分次数: 5
-
Clone in VS Code
Clone any GitHub, GitLab or Bitbucket repository in Visual Studio Code
评分: 总评分次数: 1
-
Cookie Editor
Edit cookies related to the current page and all its sub-frames right from a popup
评分: 总评分次数: 7