15 Replies
Why are you avoiding SVG?
...i mean. Technically yes...? but im going to echo the question above
MDN Web Docs
CSS shapes - CSS | MDN
The CSS shapes module describes geometric shapes. It also defines CSS properties that can use the shapes to control the geometry of an element's float area; this area can then be applied to exclusions, or specify an element's content area.
Right click, save image as "image.png", like hell possible mate. π©
well there is canvas .... but yea, it all depends on what you want to do with it, and normally svg is the way to go
https://codepen.io/MarkBoots/pen/qEOVqyK
thanks
cuz am not good with math π€
You don't need to know math, just download a vector art program and save the file as svg.
oh i didnt think of this, thanks π
can draw curvy lines on figma and export as svg!
i get a feeling the question was "how can i put this image into my website if i don't have the original svg file?"
yes that too π
The post title is very unfortunate then
yes but i also wanted to learn if we could make curvy lines without svg
You can use clip paths
yea, and even possible with clip-path: shape . but that syntax is very simular (but harder to control imo) to svg
https://developer.chrome.com/blog/css-shape
Chrome for Developers
Use shape() for responsive clipping Β |Β Blog Β |Β Chrome for Dev...
Learn how to create responsive clipping paths with CSS.
