CSS Shapes Editor CSS Shapes Editor

Developer Tools
Version: 1.3.0
Last Update: 2015-05-21

User Reviews


avatar Gregori Rain
2021-11-29

Уже не работает ( Можно починить расширение? (

avatar Tanmay Dwivedi
2021-06-04

Very useful..especially the clip-path..I highly recommend people to watch video before using it.

avatar Kelsey MacPherson
2021-05-16

Couldn't figure out how to use it. Checked Dev Tools - Elements and I see nothing new about shapes.

avatar Soczek v2
2020-10-18

Great tool, thanks :D

avatar Kate O Brien
2019-04-09

Useful when it works, very unreliable. I'll be working with a image then, reload the page to set my work back to the original and the extension will just not work. Or sometimes it will not work to begin with. At first I thought I was using it wrong but it seems like a fault with the extension

avatar Fahad Mirza
2018-12-26

Can anyone tell me how can i use it bcz its not working in my PC. I already watched the demo video. Please help me.

avatar Ferran Buireu
2018-10-08

No acabo de ver la funcionalidad que tiene, si se integra con devtools, lo hace bastante mal y con opciones muy escondidas. Deberían aclarar cómo y dónde se integra y añadir las opciones. El link de personalización te lleva a Chrome Store.

avatar Frank Reding
2018-08-05

I recommend reading the author's blog post, for some extra tips, like instantly changing units: http://razvancaliman.com/writing/css-shapes-editor-chrome/

avatar Gabriela F. Ruellan
2018-05-10

A real time saver! Thanks!

avatar Marc De Gagné
2018-04-10

Took me some time to figer it out...
First: To access the functionality of the tool itself, the file being used with this extension as to be served by a server, local or distant. Second: select the element in the DOM.
Third: select in the style tab (click on it), the actual part of shape-outside that form the shape ex.: polygone(...); code.
Last: go to the shape tab and clic on the arrow. Have fun and get ready to use it, it's coming...!

Related Extensions