Does Kevin have a video on adding a "swoosh" under an element?

I don't know what you call it but instead of an underline for a heading, I've seen a line under the heading but it looks like it was done freehand. Usually it's lowest on the left side and rises to the right, and I think also have variable thickness. Is it partly transform: skew and maybe using ::after? Any help on t his would be greatly appreciated!
6 Replies
vince
vince15mo ago
You mean something like this?
No description
vince
vince15mo ago
Make the line in something like Figma/Illustrator and export it as an svg and then absolutely position the svg or add it as a psuedoelement
Kernix
KernixOP15mo ago
YES! Is that the only way to do it? To make it in a design tool and then use an SVG? It's late and everything I type is a typo. I'm calling it a night in a few minutes...
vince
vince15mo ago
I'm sure there's other ways to do it, but that's what immediately came to mind and would be easy to implement
Kernix
KernixOP15mo ago
Ok, let me start on that - thanks!
vince
vince15mo ago
Yup, lmk if you get stuck!
Want results from more Discord servers?
Add your server