Border radius
I need some help. I thought of several ways on how to do this with just CSS and I don't know how to.
Does anyone have any idea how to do this with CSS?
12 Replies
This video should help https://www.youtube.com/watch?v=khjVPkO35F0
Kevin Powell
YouTube
Creating an inverted border-radius with CSS
The other day on Twitter, @FlorinPop pulled me into a conversation, wondering how to create inverted, round corners. Mask-image was probably the easy answer, but after someone in the thread said that making an SVG mask felt like overkill, I had to try and see if I could think of an alternative way!
š Links
ā
The original tweet: https://twi...
So you can do something like this
OMG, thank you very much, I believe that with the video and this example I can get the result
There are a few small adjustments needed to make it perfect, but with your help I managed to achieve the result, @Tok124 (CSS Nerd) thank you very much, really
Oh yeah it looks great ! š Well done, Yeah, there are 2 more corners to round off, Use the same technique to round off those corners and you are pretty much done š
I almost forgot about those two corners, I'm glad you reminded me lol
now its better
Oh yeah well done !
hi there
i was looking for this for long time ago but i dont finde it