需要 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.
- 這個延伸套件能存取你所有網站的資料。
螢幕截圖
關於延伸套件
- 下載次數
- 11777
- 分類
- 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
Related
-
Clone in VS Code
Clone any GitHub, GitLab or Bitbucket repository in Visual Studio Code
評分: 評分的總次數: 1
-
JSON Lite
Fast JSON viewer - highlights, shows items count/size, handles large files
評分: 評分的總次數: 43
-
Web Developer
Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.
評分: 評分的總次數: 139
-
Encode Decode HTML
Encode HTML to show it in the HTML pages a code instead of rendered HTML. Decode HTML to convert it back to HTML code
評分: 評分的總次數: 6
-
Edit with Paint.Net
Adds a context menu item to send image links directly to Paint.Net photo editor
評分: 評分的總次數: 5