Step 1 - Select a shape on the left by clicking on it.

Step 2 - Draw a rectangle on the grid to place the shape.

Step 3 - Release the mouse when you're done.

CSS Shape Generator [Beta]

by samuelrossille.com

Shape Library

Actions

Help

Click to select. Drag shape to move. Drag handle to resize.

Data is in the URL: use back button to undo, use bookmarks to save.

Use your imagination.

Try an example: Heart, Monster, 6 year's old house, Packman has a family too

Output

HTML HTML / CSS

Parameters

Width
Height
Unit
Class

HTML

CSS

Donnations help cover the cost of hosting, and fund me to develop more fun or useful services in the future.

Sharing helps Other people discover the service.

See also Merge PDF Online