I have a booking system for restaurants. Currently we use a png generator to create the floor plan in the restaurant. But it is very basic and i can only make basic shapes.
Have a look at this image. I want to create shapes that shall look like tables in nice graphics, only using CSS.
Ultimately, if you are a real guru, you can also make the "chairs" so that I can see how many seats each table has, but that is not required. But these things are required.
Just by changing attributes in the class I shall be able to get
- square and rectangle tables (with rounded corners)
- circle or elliptic formed tables
- I shall be able to set angle so that i can rotate tables
- All shapes shall have a drop shadow like in the image attached
- I shall be able to set width and height
- Tables shall have a very little but yet noticable gradient
- I shall be able to change base color
- Tables shall have a 2 pixel border. Inner border shall be a gradient a shade lighter than the base color of the table. Outer border shall be a shade darker than the base color of the table.
/Peder