Kevin Powell - Community•3w ago

One Line Code of Clip-Path for Inverted Borders

One of the best and easiest way to achieve Inverted Borders shapes ,imo. https://youtu.be/g-R_YlDg2kQ?si=c40OFGHxk-qg9410 The issue I faced to mark the co-ordinates as per video. So is there any tool to get Path values of svg image or create an svg image with path codes.

Lun Dev

YouTube

One Line Of Code Clip-Path By Master CSS

In this video, see how master CSS works with a single line of clip-path code. ----- Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it ✅. #javascript #code #css ----- Theme VsCode I'm Usi...

3 Replies

clevermissfox•2w ago

these coordinates?

<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 60C0 60 0 50 10 50H90C100 50 100 40 100 40V10C100 0 110 0 110 0H190C190 0 200 0 200 10V190C200 200 190 200 190 200H8C10 200 0 200 0 190V60Z" fill="#9A53B6"/>
</svg>

<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 60C0 60 0 50 10 50H90C100 50 100 40 100 40V10C100 0 110 0 110 0H190C190 0 200 0 200 10V190C200 200 190 200 190 200H8C10 200 0 200 0 190V60Z" fill="#9A53B6"/>
</svg>

ahmd shajmeerOP•2w ago

I have another shape like this so am looking for a tool to mark the coordinates like this.

Jochem•2w ago

any raster image editor should work. Even just paint

Gaming

Programming

One Line Code of Clip-Path for Inverted Borders

Did you find this page helpful?