can we use border and border image at the same time?
can we use border and border image at the same time?
81 Replies
No, but you can use outline or box shadow as substitutes for the extra border. You could also create a before or after that has its own border.
yeah i am using after, can you share any resource to convert svg path converter
I don't understand the question. You want to convert an SVG to a path that can be used in something like a clip path? You don't need any converter for that. You can just copy and paste the part of the SVG code that specifies the path.
so basically i am using this svg for clipping my div:
and for the border image of the ::after i am using the svg i am having:
so bascially i want to convert the the clipping svg's path same as the image i am using for the after
Just use the string value of d in the path element.
![No description](https://cdn.answeroverflow.com/1148352823822651563/image.png)
this is what i am currently
its not working actually
I think you asked about this several weeks ago and I shared a codepen with proof that it works but you never looked at it.
That was you: https://codepen.io/chooking/pen/poqvVrN
I explained before that the only issue was the scale. Your SVG path is much larger than you need and there is no automated way to scale that path wihin CSS, so you had to do the math on it.
yeah i did try this, but the height is giving me the issue
![No description](https://cdn.answeroverflow.com/1148353767369080893/image.png)
I know. That's because you have a scale transform in your SVG that makes the path the right size. That can't be done with the CSS.
also i think it is clipping the internal div instead of just the border of the div
The math is simple. You have a 0.1 scale, so you only need to divide all values by 10.