I would like to build a scheme in comic style.

I found the CSS markup that I like (https://codepen.io/mp/pen/ldAFs)

enter image description here

It seems like the following tags do the job

border-width: 3px 4px 3px 5px;
border-radius:95% 4% 92% 5%/4% 95% 6% 95%;
transform: rotate(2deg);

Then I tried to draw the blocks in SVG format by using InkScape with changing style settings via XML editor. However, when I add one of the attributes (transform) and press Set, it disappears, it seems like SVG doesn't support all CSS attributes.

My question is what's the easiest way to build such a scheme?

New contributor
com is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
  • Try to rotate a rectangle and see what that gives in the XML editor. – Moini Dec 6 at 13:04
  • 1
    You can't expect SVG to work just like HTML + CSS does, it's a different technology. SVGs don't have borders like the other does. It would be best to recreate these in a vector editor like Inkscape. – Zach Saucier Dec 6 at 13:13

Your Answer

com is a new contributor. Be nice, and check out our Code of Conduct.

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.