Hi guys,

I would like to use some CSS shapes in RSD like these: https://css-tricks.com/examples/ShapesOfCSS/

Now, I can hand-code the CSS and HTML after exporting but that is laborious and unless I link in additional CSS and HTML files, my changes get overwritten whenever I export.

Is there a way of creating CSS shapes in RSD?

One could adapt within an HTML Element the code used in the website mentioned.

For example, for an oval, the website showed -


From the Elements panel I dragged an HTML Element into a column, and in the Design section I entered the following in the HTML box -


Frank

Thanks Frank.

I ended up adding a link in the header to a shapes.css file and using the ID of each shape for the column I want a certain shape to go in. I was hoping there was an easier way because I'm lazy

David.

Some of basic shapes it very easy to build within RSD such as Square, Rectangle, Circle, Oval, Diamond Square and etc.

Just simply drag a container and set it's width and height plus border properties to create the desire shape.

and lovely thing with latest flex property you can add element into it and center it vertically and horizontally.

I give you some example ( All Basic CSS shapes made with RSD v1.2)

Download the attachment and study

This is exactly what I was after, thank you. I was reproducing tangram shapes which I did manually in CSS. Your RSD file would have saved me a lot of time! I shall have a close look at it and steal mercilessly!

Thanks again,

David.